MEMBUAT TOMBOL SHARE MELAYANG DI BLOG

Membuat Tombol share melayang di blog - Untuk posting kali ini ane akan update tentang widget penting. widget satu ini penting adanya karena menyangkut hidup dan matinya blog sob hehe. karena menurut ane, berbagi ke sosial media itu penting ;). Dengan adanya fitur ini maka sobat dan pengunjung sobat lebih gampang untuk mengesharekan :D





berikut kode Membuat Tombol share melayang di blog
oleh karena itu, monggo disedot. copy kode script 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://Tanganhacker.blogspot.com/2013/04/membuat-tombol-share-melayang-di-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Oke sob copy kan kode tersebut di tata letak ya sob, atau diatas tag </body> juga bisa hehe kalo succes hasilnya akan seperti ini:

Nah semoga artikell Membuat Tombol share melayang di blog bermanfaat buat agan agan ya :D

Terimakasih ya sudah mengunjungi, baca juga langkah langkah membuat blog seo

Kata Kunci

Membuat Tombol share melayang di blog

Widget Tombol share

Widget Melayang Tombol Share

Tombol share Blogspot keren