Membuat Floating social media buttons di Blogger

Banyak kita ketahui, beberapa diantara blogger harus mengedit template HTML sebelum memasang scribt Floating social media buttons. Dan bagi para newbie tentunya ini bukan hal yang mudah. Sekedar untuk berbagi disini saya memiliki scribt yang bisa langsung digunakan tanpa harus mengedit templated HTML blogger.

Cara penggunaan:

1. Masuk Blogger.com

2. Pilih Tata Letak

3. Klik Tambah Gadged

4. pilih HTML

5. copy scribt dibawah ini tanpa judul

<!-- Floating social media buttons by www.howbler.com --><style>
#floatingbuttons{background:#333;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #333));background:-moz-linear-gradient(top, #656565, #333);border:1px solid #222;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:right;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style>
<div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div><div class='floatbutton' id='linkedin'><a href="ymsgr:sendIM?uwong_tgl_rejo@yahoo.com" target="_blank"><img border="0" src="http://opi.yahoo.com/online?u=uwong_tgl_rejo@yahoo.com&amp;m=g&amp;t=1" /></a></div><div class="addbuttons"><div style="text-align: center;"><div class="fb-subscribe" data-href="https://www.facebook.com/khairul.amin" data-layout="box_count" data-show-faces="false" data-width="50"></div></div><a href="http://baekshare.blogspot.com/" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get floating</span><div style="clear:both"></div><span class="sharebuttons">share buttons</span></a> </div> </div><!-- end Floating social media buttons by www.howbler.com -->

6. Merah = email, alamat fb anda dan biru = nama blog anda.

7. Simpan, pilih pratinjau cek dibagian kiri blog.

8. Simpan.

Semoga Bermanfaat...