Cara Membuat Share Button Melayang

Cara membuat Share Button Twitter, Like Share, Google +1 Melayang. Widget buat share button. Bagi sobat yang belum mempunyai tombol share button alangkah baiknya sobat mempunyai widget ini pada blog sobat. Karena dengan widget ini kita akan lebih mudah bila kita ingin share-share artikel kita ke situs jejaring sosial seperti Facbook, twitter, google + dll.

Cara Membuat Share Button Melayang:
1. Login blog
2. Pilih Tata Letak
3. Pilih Add Gadget (HTML/Javascript)
4. Lalu pastekan kode dibawah ini

<!--Widget Share Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:5%; right:0px; 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="bagikan ke teman anda">
<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>
<br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://ilovebloggink.blogspot.com/2012/12/cara-membuat-share-button-melayang.html" target="blank"><font color="blue">[Get Widget]</font></a></div>
<!--Widget Share Button Melayang End--></div>

• Simpan dan lihat hasilnya. Selamat mencoba