Cara Membuat Tombol Share Melayang di Blog

Setelah selesai membuat chat room menjadi lebih meriah, kini saya akan memberikan Cara membuat tombol share yang melayang. Oke, ga perlu panjang lebar karena yang panjang itu punya siapa dan yang lebar itu apa :D

Cara membuat tombol share melayang

seperti yang bisa dilihat pada blog ini. Gimana, lumayan bukan, tombol share berada di sidebar dan akan terlihat menjadi lebih menarik pengunjung untuk mengkliknya :D


Berikut Cara membuat tombol share melayang di blog:

1. masuk ke blogger.com
2. pilih design / rancangan
3. kemudian add a gadget, pilih HTML / Java script
4. masukan rumus matematika berikut

<!--SideBar Floating Share Buttons Code Start--><br><style><br><br>#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<br><br>0;z-index:10;}<br><br>#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}<br><br>.fb_share_count_top {width:48px !important;}<br><br>.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}<br><br>.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}<br><br>.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}<br><br></style><br><div id='pageshare' title="Share This With Your Friends"><br><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><br><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><br><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><br><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><br><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><br><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://rupi-adam.blogspot.com/2012/04/cara-membuat-tombol-share-melayang-di.html" target="blank"><font color="red">[Get This]</font></a></div></div></div>

5. save dan kemudian lihat hasilnya

selamat mencoba