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


Tag :

Cara membuat tombol share di blog, Cara membuat tombol share melayang di blogspot, Membuat tombol share keren blogspot, Tombol share melayang, Tombol share melayang blogger