Membuat Kotak Komentar Facebook di Blog anda

1. Copy Kode berikut

<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/id_ID/all.js#xfbml=1&amappId=KODE APLIKASI FACEBOOK ANDA"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

"KODE_APLIKASI_FACEBOOK ANDA" ganti dengan kode aplikasi facebook Anda. misalnya : "428431580575151" sehingga menjadi :

<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/id_ID/all.js#xfbml=1&amp;appId=428431580575151"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Kalau belum memiliki klik disini untuk membuatnya.

2.  Masuk akun Blogger Anda → klik "Template" blog Anda → klik "EDIT  HTML"

3.  Cari (Ctrl+F) "<body" kemudian paste kode  pada langkah nomor 2 di bawah "<body..........> seperti contoh di bawah :

4.  Klik "Simpan template" (Save) → klik "TUTUP"

5.  Selanjutnya copy kode di bawah ini dengan terlebih dulu mengganti "http://blogAnda" dengan URL blog Anda. misalnya "http://bloggy-tutorial.blogspot.com/" . Ganti juga ukuran lebar (width) kotak komentar sesuai kebutuhan blog Anda. Pada contoh ini width="500".

<div class="fb-comments" data-href="http://blogAnda" data-width="500" data-num-posts="10"></div>

6.  Masuk akun blogger → klik "Tata Letak"→ klik "Tambahkan Gadget". Pilih "HTML/JavaScript". Lihat Gambar.

 

7.  Tampilan berikutnya, isi judul "Komentar Facebook" atau sesuai selera Anda. Dikosongkan juga ga apa-apa. Paste script pada nomor 5 seperti pada gambar di bawah, kemudian klik "Simpan" (Save).

8.  Letakkan posisi kotak komentar facebook sesuai kehendak Anda (biasanya di bawah postingan). Lalu klik "Simpan Setelan" (Save).

 

http://bloggy-tutorial.blogspot.com/2013/02/cara-membuat-kotak-komentar-facebook-di.html