Membuat Tombol Share Melayang

Cara membuat widget share melayang pada sisi blog karena setiap selera blogger sudah pasti berbeda untuk memasang widget share kadang terpasang pada sisi widget seperti biasa ada pula memasang tombol share tersebut berada pada setiap posting ataupun berada didalam posting. Kegunaan widget share melayang ini disamping untuk menghemat gadget pada sisi posting mungkin  agar blog terlihat profesional dimata pengunjung.

Kalau kegunaan secara umum pasti sobat blogger sudah banyak yang tahu jika widget share button berguna saat kita mengupdate postingan bisa langsung membagikannya pada orang banyak dengan memanfaatkan situs jejaring sosial.

Untuk pemasangan widget share melayang sangat mudah dilakukan silahkan buka dashboard sobat blogger dan pilih add element lalu tambah gadget html javacript kemudian paste kode dibawah ini

<!–SideBar Floating Share Buttons Code Start–>
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; 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></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://www.o-cez.web.id/2012/05/cara-membuat-widget-share-melayang.html” target=”blank”><font color=”black”>Get This<font></font></font></a></div></div>