Cara Membuat Tombol Share Media Melayang di Blog

T

ombol share sangat diperlukan bagi para pengunjung untuk berbagi informasi kepada pembaca yang lain. Share dapat dilakukan melalui jejaring sosial seperti facebook, twitter, digg, google +, dan lain-lain. Supaya memudahkan pengunjung berbagi ada baiknya kita pasang tombol tersebut. Walaupun dari template bawaan blogger sudah disediakan, kurang yahuud kalau gak dimodifikasi. Dengan tombol share melayang tampilan blog akan lebih cantik secantik Luna Maya, he....he...

Bagi yang ingin mencoba silahhkan ikuti beberapa langkah berikut :

1.  Loggin ke akun blogger anda.

2.  Edit elemen laman, tambah html/java script gadget

3.  Copas code di bawah ini

<!--SideBar Floating Share Buttons Code Start--><br /> <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><br /> <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://sanggurus.blogspot.com/2012/03/cara-membuat-tombol-share-media.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

4.  Simpan gadget, lalu lihat hasilnya !

Label :Tutorial