cara membuat tombol share melayang pada blog

Selamat pagi kawan,setelah seminggu saya vakum karena ada ulangan disekolah saya,saya kembali ke tempat bermain saya di blogger ini.setelah kemarin saya cari2 bahan untuk posting,eee... keinget sama tombol share yang pernah saya buat.memang tombol share pada blog sangat penting untuk SEO/SERP walaupun hanya terkesan remeh




Oke tanpa basa-basi kita langsung mulai tutorialnya...

1. masuk ke blogger
2. pilih tata letak

     3.kemudian klik tambah gadget-HTML/JavaScript

     4.kemudian pastekan kode berikut

<!-- Floating social media buttons by www.heroesman.blogspot.com --><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:60%;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><!-- Medium Button --><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><div class="floatbutton" id="facebook"> <fb:like font="" layout="box_count" show_faces="false"></fb:like></div> <div class="floatbutton" id="google+1"> <g:plusone size="tall"></g:plusone></div> <div class="floatbutton" id="twitter"> <a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a></div> <div class="sbutton" id="fb"> <a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share Fb</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div> <!-- end Floating social media buttons by www.heroesman.blogspot.com --></div>

     5.kemudian klik simpan

NB: untuk mengatur tinggi rendah widget bisa diatur dengan merubah bottom:60% sesuai selera

Gimana gan?jika masih bingung dapat berkomentar dibawah ini.jangan lupa untuk membaca postingan yang lain...