Membuat Tombol Share Post Melayang

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

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 :
  1. Login ke akun blogger anda.
  2. Pilih Design/Rancangan > Page Element/Elemen Halaman.
    Design Page Element
  3. Klik Add a Gadget/Tambah Gadget.
    Add Gadget
  4. Pilih HTML/Java Script.
    Html JavaScript
  5. 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>
  6. Terakhir klik Save.
    Save Widget
    Silakan lihat hasilnya di blog Anda.
Artikel yang lain :

.:. 21 komentar .:.Post a Comment

  1. bisa dicoba gan

    ReplyDelete
  2. Good job, thanks a lot.

    ReplyDelete
  3. Wah, ijin praktek ya mas. Sebelumnya saya pasang tombol share postnya di dalam postingan. Sepertinya yang melayang lebih cantik. Sekalian ijin shared ya mas.
    Salam kenal.

    ReplyDelete
  4. makasih sob buat informasinya semoga bermanfaat buat kita semua salam kenal aja

    ReplyDelete
  5. terikasih sob buat infonya semoga bermanfaat buat kita semua

    ReplyDelete
  6. sepertinya menarik utk dicoba, o ya ada cth demonya ?

    ReplyDelete

  7. makasih infonya semoga bermanfaat gan

    ReplyDelete
  8. sangat menarik sekali infonya :)

    ReplyDelete
  9. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  10. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  11. makasih gan,atas informasinya (Y) sukses selalu

    ReplyDelete
  12. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  13. Welcomes to google terminal keep sharing such ideas in the future as well.
    google 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

    ReplyDelete
  14. 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.
    b612az.com

    ReplyDelete
  15. I like your all post. You have done really good work. Thank you for the information you provide, it helped me a lot. I hope to have many more entries or so from you.
    Very interesting blog.
    www.baixarfacebookgratis.com.br

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom