Menambahkan Tombol Floating Media Sosial di Blogger

Di sini saya akan sedikit membuat tutorial tentang cara menambahkan bar Mashable seperti tombol Floating media sosial untuk blog Blogger. jadi ini telah di buat menjadi widget dan sedikit saya kutip dari Blogger Sentral , sehingga Sobat tidak harus pergi ke template HTML untuk menginstal (atau menghapus), Hanya drop seluruh kode ke dalam gadget HTML / Javascript.

Saya telah menyertakan Facebook Share , Retweet , Stumble, Google Buzz , Digg ini dan Google +1 (plus satu) tombol di bar. Masing-masing dilengkapi dengan counter hidup, Sobat dapat menambahkan bookmark sosial atau tombol berbagi nanti jika Sobat inginkan.

Cara menambah tombol floating

Login ke akun blogger Sobat.
pergi ke rancangan >> Elemen laman.
Klik Tambah Gadget.
dalam jendela Gadget pilih HTML / Javascript.
copy code di bawah ini dan paste di dalam kotak konten.

<style>
#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 from ArtEzra">
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">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" href=""></a></div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div>
<div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
<div style="clear: both; font-size: 9px; text-align: center;">
<a href="http://www.artezra.co.cc/2011/06/menambahkan-tombol-floating-media.html">Get this</a></div>
</div>