Membuat Tombol Share Post Melayang |
Share button memang besar lengan berkuasa dalam mempromosikan artikel blog kita. Karena itu kali ini saya akan membuatkan cara memasang floating share button pada blog. Dalam widget ini terdapat tiga share button, ialah 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 isyarat 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 balasannya di blog Anda.
Artikel yang lain :
Tag :
Tutorial Blogspot,
Widget / Gadget
0 Komentar untuk "Membuat Tombol Share Post Melayang"