Diposkan oleh dya21 on 08 December 2011 at 1:04 PM

Membuat Tombol Share Post Melayang | Tutorial Blog

Share button memang berpengaruh dalam mempromosikan artikel blog kita. Karena itu kali ini saya akan berbagi cara memasang floating share button pada blog. Dalam widget ini terdapat tiga share button, yaitu Twitter, Digg, dan Facebook, widget ini akan selalu melayang, sehingga akan selalu terlihat oleh pengunjung blog.

Berikut langkah memasang Tombol Share melayang :

Login ke akun blogger anda.
Pilih Design/Rancangan > Page Element/Elemen Halaman.
Klik Add a Gadget/Tambah Gadget.
Pilih HTML/Java Script.
Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya
<style type="text/css"> *{margin:0;padding:0;} * html #z33sHare{ position: absolute; } #z33sHare{ right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px; position:fixed; top: 20%; } #z33sHare div{ padding:6px 6px 6px 5px; } #stw{ margin-left:-2px; } #sfs{ margin-left:-5px; } </style> <div id="z33sHare"> <div id="ssl-box"> <div id="stw"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php"></a><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div> <div><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div><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> <a class="DiggThisButton DiggMedium"></a></div> </div>
<div style="clear:both;"></div> </div>
Terakhir klik Save.

Silakan lihat hasilnya di blog Anda.