Memasang Facebook Comments Box "Form Komentar Facebook" di Blog

cuma sekedar meneruskan nih gan, sumber ada di link judul..



Setelah kemarin facebook meluncurkan sebuah widget like button/tombol suka yang biasanya di pasang di bawah artikel blog ,kini facebook telah membuat widget komentar yang baru yang bisa di pasang di blog kita (blogspot,blogger,wordpress,dan lainnya) contohnya seperti gambar di bawah :

Atau lihat live demo pada salah satu blog saya ,Keren kan...

Ya udah dari pada berbelit-belit langsung aja caranya untuk pengguna Blogger/Blogspot.

Langkah pertama : Disable atau non aktifkan default comments

- setting(pengaturan) - Comments - Pilih options Hide

*sehingga form komentar standart blogger tidak muncul*

Langkah Kedua : Buat aplikasi di Facebook masuk ke developers.facebook.com/setup/

Isi nama aplikasi dan url blog yang akan anda pasangin aplikasi form komentar ini *gunakan garis slass( / ) di akhir url

kemudian agree danccreate Application





kemudian pilih (on the left tabs-list) ,akan muncul menu seperti gambar di bawah :

Pilih Connect (*terhubung = jika anda menggunakan bahasa indonesia)

- isi connect url dengan dengan nama blog anda ,

contoh : http://namabloganda.blogspot.com/

- isi Base Domain dengan blogspot.com

kemudian klik agree dan save changes.





Jangan lupa menyimpan / copy App ID anda (bila perlu simpan di notepad, supaya tidak bolak-balik ,seperti pada gambar :

Langkah Ketiga : Saatnya masuk ke Blogger Dashboard anda ,pada Layout atau Design - edit html ,centang expand widget templates





cari kode (*gunakan ctrl+F)





tambahkan kode ini setelah kode

xmlns:fb='http://www.facebook.com/2008/fbml'





sehingga kodenya menjadi seperti ini







Langkah Keempat : Cari kode

kemudian pastekan kode di bawah ini setelah kode

*Jangan lupa mengganti kode yang berwarna merah dengan Id App anda yang tadi.





Langkah Kelima : cari kode

pastekan kode berikut di sebelum





















NamaSitusAnda' property='og:site_name'/>

IdAppYangTadi' property='fb:app_id'/>

ProfileId' property='fb:admins'/>







Jangan lupa mengganti tulisan yang berwarna merah:

- Nama situs anda : isi dengan nama situs anda (muncul ketika seseorang berkomentar)

- idAppYangTadi : isi dengan kode yang tadi.

- Profile Id : isi dengan profil facebook anda (contoh: facebook saya beralamat di facebook.com/roly.kurniadi maka roly.kurniadi adalah Profile Id saya. )









Langkah Terakhir : cari kode

jika anda menemukan dua kode yang sama pilihlah kode yang kedua .





- pastekan kode berikut setelah

480'/>

*keterangan= ubah 480,sesuaikan dengan lebar main-wrapper anda





Kemudian Save Templates





Semoga berhasil .