Cara Membuat Tombol Share Melayang Di Blog Terbaru

Salam hangat sahabat TRIK , kali ini saya akan berbagi Cara Membuat Tombol Share Melayang Di Blog ??

INGAT Tombol share Sosial media sangatlah penting ,Disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media lain, seperti di facebook,Twitter,google+ dll .

Oke langsung saja Sahabat TRIK dicoba ^_^

Langkah Langkahnya :

1. Masuk Ke Blogger Sobat
2. Pilih Tata Letak
3. Tambah gadget Lalu Pilih HTML/JavaScript
4. Lalu 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://trikfacebook28.blogspot.com/2013/02/cara-membuat-tombol-share-melayang-di.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

5. Terus Simpan deh

Sekian Artikel Cara Membuat Tombol Share Melayang Di Blog Terbaru Dari saya ^_^

Silahkan Beri Komentarnya Sobat TRIK ^_^