Home > Facebook, Tips dan Trik > Menambah Kotak Komentar Facebook Dalam Blog

Menambah Kotak Komentar Facebook Dalam Blog

December 12th, 2009 wawan Leave a comment Go to comments

Sebuah Kotak Komentar dalam Website/Blog merupakan sebuah fitur wajib jika kita ingin mengetahui bobot atau nilai dari Tulisan-Tulisan yang kita publish dalam Website/Blog. Merupakan kebanggaan tersendiri bagi kita, jika tulisan yang kita publish ke dalam Blog banyak dikomentari oleh pengunjung blog. Dengan adanya komentar dari pengunjung, kita bisa mengetahui Kelebihan ataupun kekurangan dari sebuah artikel yang telah kita tulis.

Kali ini saya ingin membagi sebuah tips bagi kawan-kawan, mengenai Menambahkan Kotak Komentar Facebook ke dalam Website/Blog kita. Kotak Komentar yang akan kita tambahkan adalah murni sebuah Kotak Komentar yang sering kita jumpai dalam halaman Facebook ketika kita ingin mengomentari sebuah Link, Status, Wall dan Postingan lainnya yang kita publish di Facebook.

Kotak Komentar ini adalah layanan resmi dari Facebook bagi para Webmaster/Blogger yang ingin menghubungkan Website/Blog mereka dengan Facebook.  Berikut Langkah-Langkah Pembuatannya :

  • Login terlebih dahulu ke Account Facebook Anda.
  • Buat sebuah Hubungan antara Facebook dengan Website/Blog anda dengan mengakses URL Developer Facebook
komentar-step-1
Langkah 1 : Isi Form Yang disediakan

  • Isi Form Nama Situs Web, URL Situs Web, dan Bahasa sesuai dengan informasi Website/Blog anda, lalu Klik tombol Langkah Berikutnya
  • Download File xd_receiver.htm dengan cara meng-klik Download/Unduh, lalu Upload file tersebut kedalam root folder Website/Blog anda, kemudian klik Uji Pengaturan dan lanjutkan
komentar-step-2
Langkah 2 : Download File
  • Jika setelah Proses Pengujian (facebook melakukan cek terhadap file xd_receiver.htm yang telah anda upload) Berhasil, maka Anda akan dibawa ke halaman Tools untuk melakukan Generate Code yang kita inginkan.
  • Yang perlu anda perhatikan dalam halaman Tools tersebut adalah API KEY dan Secret yang diberikan Facebook untuk Website/Blog anda.

Kunci API:    57324888f1cd13562c57f72e676569a
Rahasia:    7aee3dc4a0ad8c681ec18f8c24*****

  • Dalam Panel Tools tersebut, tersedia beberapa Widget yang bisa kita gunakan untuk Website/Blog kita agar bisa terhubung dengan Facebook, tapi dalam artikel ini, saya hanya ingin membahas mengenai Kotak Komentar :D
  • Pilih menu Kotak Komentar yang terdapat pada bagian kiri dari Halaman Tersebut.
  • Copy script yang muncul pada halaman tersebut, lalu paste kedalam file Website/Blog yang anda inginkan.
  • Jika anda menggunakan Wordpress, Edit Halaman single.php lalu cari code berikut :

Rubah code tersebut dengan code javascript yang telah anda copy sebelumnya dari halaman Tools Facebook

  • Simpan hasil editan anda, Dan Silahkan dilihat Hasilnya :)
  • Untuk Penjelasan mengenai Kotak Komentar ini, Silahkan anda kunjungi halaman Dokumentasi untuk Comment Box Facebook

Sebagai Contoh, Anda dapat melihat Kotak Komentar yang terpasang dibawah Tulisan ini :) .

Demikian Tips singkat dari saya, semoga bermanfaat dan silahkan dikembangkan :)

Kata Kunci:

Baca Juga :

  1. bima
    July 5th, 2010 at 17:33 | #1

    Kalo utk blogspot gimana?

  2. May 10th, 2010 at 12:57 | #2

    Sy sdh coba menambahkan kotak komentar facebook ke dalam blog sy, tp masalahnya ukuran kotak disidebar terlalu lebar. Bgm mengatur ukuran kotak komentar tersebut. sy sdh mencoba pada applikasi comments d fb dgn mengatur ukurannya dan menggunakan code script tp wkt paste di edit HTML di blog, ukurannya tetap tidak berubah.
    Hardy Minhard´s last blog ..PAKET POSTWEDDING (HONEYMOON) My ComLuv Profile

  3. December 20th, 2009 at 02:25 | #3

    Kpan aku bsa sperti klian. . .????

  1. No trackbacks yet.
CommentLuv Enabled