Membuat Tombol Share Post Melayang | Tutorial Blog
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.
Artikel yang lain :
bisa dicoba gan
ReplyDelete@Mata Lelaki :
ReplyDeleteSilakan Sob...
nice share
ReplyDeleteThanks
Good job, thanks a lot.
ReplyDeleteWah, ijin praktek ya mas. Sebelumnya saya pasang tombol share postnya di dalam postingan. Sepertinya yang melayang lebih cantik. Sekalian ijin shared ya mas.
ReplyDeleteSalam kenal.
Bagus gan, makasih.....
ReplyDeleteaku coba dulu yah..
ReplyDeletemakasih sob buat informasinya semoga bermanfaat buat kita semua salam kenal aja
ReplyDeleteterikasih sob buat infonya semoga bermanfaat buat kita semua
ReplyDeletesepertinya menarik utk dicoba, o ya ada cth demonya ?
ReplyDelete
ReplyDeletethanks infonya gan :)
ReplyDeletemakasih infonya semoga bermanfaat gan
sangat menarik sekali infonya :)
ReplyDeleteMantappppp infonya gan thankas ea :D
ReplyDeleteartikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu
ReplyDeletemakasih gan,atas informasinya (Y) sukses selalu
ReplyDeletehttp://obatambevenatauwasir.blogspot.com/
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDeleteWelcomes to google terminal keep sharing such ideas in the future as well.
ReplyDeletegoogle snake this was actually EARN TO DIE
what i was looking for,and i am glad to came here! AGE OF WAR 2
Hi! I’ve been reading your blog for a while HAPPY WHEELS
I want you to thank for your time of this wonderful read!!! Slitherio
Amazing insight you have on this, Slither io This article always blew me BIG FARM
Alot of blogs I see these days don't really provide anything that I'm interested in, but I'm most definately interested in this one. Just thought that I would post and let you know. Nice! thank you so much! Thank you for sharing.
ReplyDeleteb612az.com