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 :

.:. 16 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

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