Pasang Kotak Komentar Facebook Di Blog

Tips kali ini saya ingin share bagaimana membuat kotak komentar facebook di blog. Oke, tanpa perlu banyak basa-basinya mari kita coba.

langkah-langkahnya
1. Login terlebih dahulu ke blog sobat
2. Kemudian pilih Rancangan > Edit HTML.
3. Download terlebih dahulu template anda untuk berjaga-jaga apabila terjadi kesalahan dalam pengetikan.
4. Kemudian cari kode <data:post.body/>  (tekan Ctrl+F untuk mempercepat pencarian). Copas kode berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=id apps anda&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='7' width='500'/>
</b:if>

Keterangan.
* Ganti kode yang berwarna merah dengan Id aplikasi facebook anda. Apabila anda belum mempunyai akun aplikasi facebook silahkan daftar disini http://developers.facebook.com/setup
* numposts='7' adalah jumlah komentar yang tampil
* width='500' : lebar ukuran kotak komentar

5. Lanjut sob, cari kode <b:skin><![CDATA[/  . Kemudian Copas kode dibawah ini di atas kode tadi.

<meta content='id Profile facebook Anda' property='fb:admins'/>
<meta content='id aplikasi facebook Anda' property='fb:app_id'/> 


catatan :  
id Profile facebook Anda, bisa Anda dapatkan pada halaman profil facebook Anda. Silahkan klik tab Profile Facebook Anda, kemudian perhatikan url yang tertera di address bar (lihat gambar 1 yang diberi kotak warna merah).
id aplikasi facebook Anda : dapat anda temukan ketika pertama kali mendaftar akun aplikasi facebook (gambar 2)

(Gambar 1. id profil facebook)

(Gambar 2. id aplikasi facebook)








6. Kemudian klik Simpan.

Untuk melihat hasilnya silahkan buka salah satu postingan sobat dan lihat di kolom komentar. Apabila sobat memiliki pertanyaan seputar tips diatas atau merasa kesulitan silahkan berkomentar di bawah kotak komentar posting ini. Selamat mencoba dan Good Luck.

Related Post