Cara Memasang Widget Share Media Sosial Tipe Floating

Posted by IRVAN JAYA on 6:14:00 AM

Cara Memasang Widget Share Media Sosial Tipe Floating
Easy Get Media - Cara Memasang Widget Share Media Sosial Tipe Floating .

 Pernah lihat sesuatu yang penampakannya seperti gambar disamping ? Kalau anda pernah dan minat ingin memasang widget/plugin itu diblog anda, Disini ada tutorialnya.
 Tampilan-nya sederhana dan fast loading ketika blog diload, menghitung total share secara realtime, dan dengan desain floating membuatnya mengikuti layar bahkan ketika digulung kebawah.

 CARA PEMASANGAN :
1. Silahkan login ke-blogger anda
2. Masuk ke-menu tata-letak
3. Pilih tambahkan Gadget ..::.. Pilih HTML/Javascript ..::..
4. Copy paste kode dibawah ini :
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="
http://muh-irvan-jaya.blogspot.com/2016/06/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
 5. Silahkan disave dan buka ulang blog anda !!

Gimana gampang toh ? Silahkan anda modif sendiri jika anda merasa tampilannya kurang keren mau yang keren-keren tapi berkaitan dengan dunia webmaster ? Silahkan cari digoogle MBT (MyBloggerTrick) disitu banyak tutorial tingkah atas yang bisa membantu anda menjadi webmaster yang berkualitas. Sekian dulu Terima Kasih telah berkunjung diblog Easy Get Media


Nama Anda
New Johny WussUpdated: 6:14:00 AM

0 comments:

Post a Comment

29-04-2016 | Komentar Bebas |

Powered by Blogger.
CB