Cara Memasang Tombol Share Keren Melayang di Sisi Kiri Blog

Perilian | Setelah sebelumnya saya share mengenai Cara Memasang Tombol Like FaceBook, Tweet Twitter dan Share G+ Dibawah Postingan Blog, kali ini saya mau share mengenai cara memasang tombol share melayang di kiri blog, dengan menaruh tombol share ini secara tidak langsung kita juga mempermudah pengunjung blog kita untuk membagikan artikel kita ke social media seperti facebook, twitter dan google plus. Dengan begitu pengunjung blog kita pun menjadi bertambah. Nah buat sobat yang ingin memasang tombol share keren di blog seperti dibawah ini, berikut caranya :

Cara Memasang Tombol Share Keren Melayang di Sisi Kiri Blog

1. Silahkan Login ke Blogger

2. Pilih menu Tata Letak lalu klik Add Widget

3. Kemudian pilih Html/Java Script Pada kolom konten silahkan isikan script berikut ini

<style>#floatingbuttons{background:#41A317;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C));background:-moz-linear-gradient(top, #41A317, #41A317);border:1px solid #739619;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:left;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><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>