Floating Bookmark Sharing for Blogspot

Sebuah web / Blog tanpa Bookmark Sharing mungkin seperti sayur tanpa garam, banyak bookmark sharing yang disediakan oleh beberapa situs atau bawaaan default dari Blogspot sendiri, namun kali ini kita akan mencoba Bookmark tersebut melayang atau istilahnya Floating Bookmark Share , seperti contoh di pinggir.

Kalau tertarik caranya sangat gampang sekali, Anda hanya memasukan kode dibawah ke dalam Page Element / Element laman --> lalu pilih HTML

<!-- floating page sharers Start -->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Get this widget">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</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='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://goo-dude.blogspot.com/2011/08/floating-bookmark-sharing-for-blogspot.html" target='_blank'>widget</a></div><!-- Do not remove this link -->
</div>
<!-- floating page sharers End -->

Note : Untuk hasil terbaik silahkan Anda simpan kode tersebut dalam laman kiri ujung. Perhatikan gambar dibawah. Untuk merubah posisi atas bawah silahkan anda cari kode bottom:15% lalu anda ganti jumlah persennya.

Selamat mencoba...