Cara Membuat Kotak Komentar Facebook di Blogspot

Kotak komentar facebook sudah umum digunakan di blog untuk memudahkan pengunjung berinteraksi dengan pemilik blog.



Cara membuatnya adalah sbb :

1. Login ke facebook.com kemudian kunjungi http://developers.facebook.com/ untuk membuat aplikasi.

2. Klik Aplikasi dan pilih Ke Aplikasi





3. Klik Create New App.



4. Ini App Name dan klik Lanjutkan.



5. Masukkan kode CAPTCHA dan Kirim.



6. Aplikasi sudah jadi, copy App ID untuk kita gunakan dalam kotak komentar facebook.



7. Login ke blogger.com, buka Dasbor - Rancangan - Edit HTML - Centang Expand Template Widget (Download Template buat bakup).

8. Cari kode <b:includable id='status-message'> dan nanti akan ketemu kode :

</b:includable>
<b:includable id='status-message'>

9. Copy script dibawah ini dan letakkan diatas kode </b:includable>. Ganti ID-APLIKASI denga yang kita buat diatas, angka 5 adalah jumlah komentar yang ditampilkan dan 400 adalah lebar kotak komentarnya. Rubahlah disesuaikan dengan template blog.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=ID-APLIKASI&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='400'/>
</b:if>

10 Simpan Template dan lihat hasilnya. Semoga bermanfaat.