Tombol Share Melayang di Blogspot

Di artikel pertamax untuk kategori blooging ini, ane mau sharing tentang Tombol Share Melayang di Blogspot, yaitu widget berupa tombol yang bisa di klik untuk berbagi ke social bookmark seperti Facebook, Stumble Upon, Twitter dan Google Plus. Widget unik ini akan tampil di samping kiri blog agan.

Manfaat widget tombol share melayang ini adalah untuk memudahkan pengunjung blog agan untuk berbagi postingan atau artikel yang agan buat dan dianggap menarik untuk dibagian ke social media seperti yang ane sebut diatas. Sehingga pastinya bakal menambah jumlah pengunjung keblog agan, dong....ya gak? :)

Nah, sekarang langsung aja cekidot diman, Gan! untuk cara memasang tombol share melayang ini!

Cekidot dimari gan!

Login dulu ke akun blogger agan.
Klik menu "Tata Letak" yang ada di samping kiri.
Terus, klik "Tambahkan Gadget"
Pilih menu pilihan " HTML/JavaScript "
Gak perlu dikasih judul, cukup copy dan Paste-kan kode htnl dibawah ini, gan ke kotak kosong dibawah judul.

<    <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://cekidot-gan.blogspot.com/2013/02/tombol-share-melayang-di-blogspot.html" target="blank"><font color="black">[Get This]</font></a></div>
</div>

6. Terakhir, agan SAVE deh templatenya...Jreang!!Jreeeeeng!!! Liat hasilnya deh :)

Bisa kan, Gan! pastinya doooong.... :D