Cara Membuat Share Button Melayang

Banyak cara bagi kita untuk meningkatkan jumlah pengunjung di blog kita, yang salah satunya ialah dengan share artikel ke jejaring sosial seperti Facebook Twitter dll. Begitu pentingnya Widget ini untuk suatu blog hingga akhirnya saya menerbitkan postingan ini yaitu tentang Cara Membuat Share Button Melayang. Widget ini nantinya akan menjadi media baik bagi admin ataupun pengunjung untuk menyebarluaskan artikel blog kamu, dengan begitu, memungkinkan blog kamu akan bertambah visitor.


Cara membuatnya:
1. Kamu masuk ke Tata Letak
2. Tambah Gadged dan pilih HTML Java Script
3. Masukkan Kode berikut

Theme Transparan
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>
<script type="text/javascript">
  var addthis_product = 'blg-1.0';
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 5
    }   
  });
</script>
<!-- AddThis Smart Layers END -->
Theme Light
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>
<script type="text/javascript">
  var addthis_product = 'blg-1.0';
  addthis.layers({
    'theme' : 'light',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 5
    }   
  });
</script>
<!-- AddThis Smart Layers END -->
Theme Dark
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-528f0b215be50fed"></script>
<script type="text/javascript">
  var addthis_product = 'blg-1.0';
  addthis.layers({
    'theme' : 'dark',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 5
    }   
  });
</script>
<!-- AddThis Smart Layers END -->
Klik simpan dan lihat hasilnya. Kamu juga dapat membuat langsung Disini, Selamat mencoba.!!!

7 Comments:

  1. kren gan, saya coba buat blog saya yang ini terimakasih tas artikelnya

    BalasHapus
  2. mas, saya mau tanya. kalau mau buat add this yang bagus gimana caranya ya?

    BalasHapus
    Balasan
    1. Kesitusnya langsung, agan desain sendiri semau agan http://www.addthis.com

      Hapus
  3. nice gan tutornya!
    farhan2995.blogspot.com

    BalasHapus
  4. makasih sob, tutorialnya akan saya coba dan semoga berhasil

    BalasHapus