Cara Membuat Tombol Share Melayang Keren di Blog

Duniabil.com Tutorial Blog | Tips&Trick Blog - Cara Membuat Tombol Share Melayang Keren di Blog sangat mudah untuk dipasang fungsi Tombol Share ini juga untuk mempromosikan Blog anda sendiri oleh orang lain yang membagikan artikel yang telah kita buat. untuk sobat Duniabil saya akan memberikan Tutorial Cara Membuat Tombol Share Melayang Keren di Blog, Berikut Tutorialnya.

Cara Membuat Tombol Share Melayang :

1. Login dulu ke Blogger.com
2. Masuk ke Menu Tata Letak dan Tambahkan Gadget
3. Pilih HTML/Javascript dan Masukan Kode berikut.

<!--Widget Share like FB tweet google plus digg Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; left:5px; float:right; 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>
<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: 8px;text-align:center;"><a href="http://www.duniabil.com/2013/11/cara-membuat-tombol-share-melayang.html" target="blank"><font color="blue">Cara Membuat<font></font></font></a></div></div>

<!--Widget Share like FB tweet google plus digg  Button Melayang End--> 

4. Save/Simpan dan Lihat hasilnya.