Cara memasang Widget Share Button Pada Blogger

Belakangan ini saya berkunjung  ke sebuah blogger, dan saya menemukan sesuatu yang unik di blogger sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog sobat untuk mengshare apa yang ada pada blogger sobat. Dan hal ini juga akan berdampak positif Pada blogger sobat. karena ini bisa menjadi media marketing gratis buat para blogger, untuk itu saya akan membagaikan kepada para sobat blogger tentang cara membuat share botton. Berikut langkah- langkahnya :

1. Login ke dasbor blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. kemudian klik Html/Javascript
5. Copy kode Html di bawah ini
6. Pastekan di Html/JavaScript tadi
7. Simpan
8. Dan Selesai.......

Kode Share button

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right: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="bagikan ke teman anda">
<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: 9px;text-align:center;"><a href="http://clyfirst.blogspot.com/2012/07/cara-memasang-widget-share-button-di.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue"><center>[Get Widget]</center><font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Catatan : untuk tulisan warna Biru anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna Merah bisa anda hapus jika anda ingin tampilan yang simple.

contoh hasilnya :

                                                                             

Semoga bermanfaat.........       Jangan Lupa Like Ya.......