Pasang Tombol Suka Facebook

contoh tombol suka dan send via facebook

 Jika anda ingin menambahkan gadget seperti di atas, berikut inilah langkah-langkahnya:

1. Login ke akun blogger.com anda.

2. Masuk ke label 'Layout'.
3. Klik 'Tambah Gadget', pilih lokasi Gadget sesuai selera anda.
4. Tambahkan 'HTML/JavaScript'.

5. Masukkan kode HTML di bawah ini pada Gadget HTML, beri judul Gadget sesuai opini anda. (contoh seperti di blog saya, 'bagaimana kesan anda tentang blog ini?')

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://adhe-nurhamsah.blogspot.com/" data-send="true" data-width="480" data-show-faces="true"></div>


6. Sebelum anda simpan, Ubahlah Kode berwarna di atas sesuai pengaturan anda.

Tulisan berwarna merah di ganti dengan URL yang anda tuju. contoh: 'http://bloganda.blogspot.com'
Tulisan berwarna biru menunjukkan ukuran lebar gadget dengan satuan ukuran pixel, catatan: beri ukuran sesuai lebar sidebar di mana gadget di letakkan.

7. Klik 'Simpan', kemudian klik 'save aranggement' pada tab 'layout'.
8. Selesai, anda lihat perubahannya pada blog anda. Mudah bukan?

Posted in: BLOGGER,TUTORIAL