Cara Membuat Widget Share Melayang

Bila sebelumnya saya mereshare tentang Trik Blogger, kali inia kita akan membahas tentang Cara Membuat Widget Share Melayang. Tombol share ini bertujuan untuk mempermudah kita dan visitor berbagi artikel yang kita miliki dengan  orang lain.Saya juga pernah meresahre tentang tombol share lainnya, seperti : 

• Cara Membuat Share Buttons di Posting Blogger (Like, Tweet, +1)
• Trik Gampang Memasang Tombol Sharing Is Sexy

Jika anda penasaran dengan tombol yang kita bahas saat ini, lihat gambar yang ada disamping :
Lalu, bagai mana cara pemasangan nya di blog kita ? ikuti saja langkah-langkahnya :
1. Masuk ke Blogger
2. Ke Tata Letak
3. Klik Add Gadget, kemudian pilih HTML/Javascript
4. Copy-paste kode dibawah ini ke Kotak HTML/Javascript

<!--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://johannezalbert.blogspot.com/2012/05/cara-membuat-widget-share-melayang.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

5. Save/Simpan.

Happy Blogging