Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang pada blog kita adalah bisa kita terapkan dengan mengikuti aturan dibawah ini;

1. Sobat Login ke Akun Blogger sobat

2. Masuk ke Menu Design atau Rancangan

3. Lalu tambahkan gadget dan pilih HTML/Javascript.

4. Lalu copy dan paste kode dibawah 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://vinadz.blogspot.com/2013/01/cara-membuat-tombol-share-melayang.html" target="blank"><font color="black">[Get This]</font></a></div> </div>

5. Langkah terakhir klik Save widget.

Langkah mudah telah kita lalui dengan sempurna, demikian Cara Membuat Tombol Share Melayang pada Blog telah kita buat, semoga bisa bermanfaaat untuk kita semua.
Selamat berpuasa tentunya..,
Happy Blogging !