Cara Membuat Tombol Share Melayang Pada Blog Anda

Blogger

Cara Membuat Tombol Share Melayang Pada Blog Anda ~ Untuk memperbanyak artikel blog saya ini yang masih minim, maka saya akan menyajikan tutorial-tutorial blog lengkap yang tentunya bermanfaat bagi anda semua. Untuk itu tutorial blog saya kali ini adalah tentang "bagaimana cara membuat tombol share melayang di blog".

Semakin menarik tombol share artikel blog saudara, maka semakin tertarik juga pengunjung blog untuk menyebar luaskan artikel saudara ke situs-situs sosial media seperti Facebook, Twitter dan juga Digg. Sehingga artikel saudara akan di kenal oleh banyak orang yang tentu saja baik sekali untuk reputasi blog saudara.

Untuk anda yang tertarik untuk memasangnya silahkan ikuti prosedur sederhana di bawah ini :

• Buka akun blog anda
• Pilih menu tata letak
• Kemudain tambah gadget (di mana saja terserah)
• Lalu pilih Html/javascript
• Copy script di bawah ini, lalu simpan pada kolom html/javascript tadi.

!--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://jade202.blogspot.com/2015/11/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

• Klik simpan