Friday, November 22, 2013

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

No comments:

Post a Comment