Cara Membuat Tombol Share Melayang di Blog -
Tombol share sosial media sangat penting untuk blog kita, disamping
untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca
untuk membagi artikel kita ke media yang lain, seperti share di facebook, share di twitter dll, membuat tombol sosial media dalam blog saya rasa jadi sebuah kewajiban bagi para blogger.

Appakah sobat pernah melihat widget share melayang seperti gambar diatas ? Apakah sobat ingin memasang widget share melayang seperti itu di blog sobat ? Kalau iya, ikuti langkah-langkah 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://albertotkj.blogspot.com/2012/03/cara-membuat-tombol-share-melayang-di.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
Semoga Bermanfaat !
makasih gan udah saya pasang :)
ReplyDeleteTerimakasih infonya gan..langsung dipraktekkan nih..
ReplyDeletekalau berkenan mampir ya sob.
http://zhriee.blogspot.com
TNX GAN BERMAFAAT SEKALI
ReplyDeleteTerima kasih gan sudah ta praktekin bisa
ReplyDeletemantap gan visit: http://habiball.blogspot.com/ :D
ReplyDeletethanks btw navbarnya cantik juga boleh share ni?
ReplyDeletekunjungan balik nya d tunggu http://www.alesca.co.vu
Thanks. infonya bermanfaat, widgetnya sudah saya pasang. jangan lupa visit: krsmwn.blogspot.com
ReplyDeletethanks mas widgetnya, bagus dan bermanfaat sekali untuk blog saya ;)
ReplyDeleteTerimakasih mas, kebetulan saya sedang cari ini, sangat bermanfaat
ReplyDeletehehehehe :-p
ReplyDeleteterimakasi banyak sob, saya jadi tau cara modifikasinya:)
ReplyDeleteMakasi om...coba mau terapkan d blog saya..dutanehan.blogspot.com
ReplyDeletemantap... makasih bro... :-p
ReplyDeleteMantab..... btw...
ReplyDeletesinggah dunk.
http://sendallgamer.blogspot.com/