Cara Membuat Komentar Facebook muncul di blog

Tips berikut ini mudah digunakan dan semua bisa melakukannya serta gampang. Dalam menggunakan kotak komentar Facebook yang akan diletakan di blog khususnya blog yang menggunakan blogger (blogspot), pertama-tama kunjungi alamat Facebook ini http://developers.facebook.com/plugins, ada beberapa plugin yang bisa kamu gunakan namum disini yang kita bahas adalah kotak komentarnya jadi pilih comment plugin. Klik plugin "Comment" nanti akan muncul permintaan untuk menggunakan plugin komentar Facebook.

<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr><tr><td class="tr-caption" style="text-align: center;">membuat kotak komentar facebook</td></tr></tbody></table>klik tombok "get code" kemudian muncul kode script, dan kopi paste script tersebut di notepad buat sementara waktu.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr><tr><td class="tr-caption" style="text-align: center;">plugin komentar facebook di blogger</td></tr></tbody></table>Kode tersebut tidak bisa langsung di pakai, karena kamu harus registrasi dulu agar bisa terhubung dengan Facebook. Pada kotak script tersebut ada link yang menuju registrasi untuk menggunakan aplikasi tersebut. Ini pesannya :

Untuk menggunakan plug-in ini, situs Anda harus memiliki ID aplikasi. Anda dapat memperoleh ID aplikasi dengan registering your site. Gantilah APP_ID di skrip di atas dengan ID aplikasi Anda.

Klik link menuju registrasi dan muncul seperti ini untuk membuat aplikasinya, ada dua cara registrasi yang di sediakan, yaitu menggunakan no hp dan kartu kredit. disini saya menggunakan registrasi menggunakan no hp.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr><tr><td class="tr-caption" style="text-align: center;">konfirmasi pendaftaran plugin</td></tr></tbody></table>Masukan no hp dengan contoh format +628XXXXXXXXXX tunggu beberapa saat pihak Facebook akan mengirimkan kode konfirmasi sebanyak enam karakter, setelah itu kamu masukin kode konfirmasi tersebut, kalau berhasil maka akan muncul permintaan membuat aplikasi komentar.
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr><tr><td class="tr-caption" style="text-align: center;">daftar aplikasi</td></tr></tbody></table>isi nama situs, url situs, lokasi dan klik tombol "buat aplikasi". Kalau benar pengisiannya nanti muncul kode keamanan. Ingat dalam pengisian url situs (blog) akhiri dengan tanda "/" contoh : http://namablogkamu.blogspot.com/
<table align=center cellpadding=0 cellspacing=0 class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr><tr><td class="tr-caption" style="text-align: center;">confirm</td></tr></tbody></table>


masukan kode keamanan dan kirim. Permintaan aplikasi selesai, kamu akan mendapatkan kode App_ID dan kode rahasia, simpan kode tersebut di notepad (kalau bisa satukan dengan kode yang di simpan sebelumnya), kode sebelumnya yang kamu simpan tadi masukan APP_ID yang telah kamu dapatkan

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments width="425"></fb:comments>


Untuk membuat komentar tersebut akan tampil di blogger :

1. login ke blogger klik layout (rancangan) dan pilih edit html;

2. jangan lupa klik Expand Template Widget;

3. cari kode  <data:post.body/> dan tempatkan kode  script komentar facebook diatas tadi tepat di bawah kode  <data:post.body/> setelah itu;

4. simpan template, lihat hasilnya.


Semoga bermanfaat.

readmore »»