» » Membuat Tombol Share Post Melayang

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 :
Label: , Tutorial Blog

Tutorial Blog | Membuat Tombol Share Post Melayang

.:. 19 komentar .:.Post a Comment

  5. 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

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

    ReplyDelete

  9. terikasih sob buat infonya semoga bermanfaat buat kita semua

    ReplyDelete

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

    ReplyDelete


  12. makasih infonya semoga bermanfaat gan

    ReplyDelete

  13. sangat menarik sekali infonya :)

    ReplyDelete

  14. Mantappppp infonya gan thankas ea :D

    ReplyDelete

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

    ReplyDelete

  16. makasih gan,atas informasinya (Y) sukses selalu

    ReplyDelete

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

    ReplyDelete

  19. 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

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