Membuat Tombol Share Post Melayang

Membuat Tombol Share Post Melayang

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
      *{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; }

     

     

    (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); })();

  • Terakhir klik Save.

    Save Widget

    Silakan lihat hasilnya di blog Anda.
  • Artikel yang lain :
    • Membuat Daftar Isi Blog
    • Widget Google Followers Static
    • Widget Google Followers Show Hide

    Advertisement

    No comments.

    Leave a Reply