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 .

Artikel Terkait