CARA MENAMPILKAN KOTAK KOMENTAR FACEBOOK DI BLOGGER

Untuk bisa menampilkan kotak komentar facebook di blog, syarat utamanya adalah anda harus memiliki sebuah blog untuk menempatkan kotak komentar tersebut [ya iyalah… masa kotak komentarnya mau ditaruh di gentong… hahaha] dan tentunya sebuah akun facebook.

Kalau kedua syarat tersebut sudah terpenuhi maka yang anda perlukan adalah sedikit script, sebuah ID developer dan ID Aplikasi dari facebook. Nah, yang mau kita bahas adalah bagaimana cara ngedapetin kedua ID tersebut. Scriptnya ada diakhir posting ini. Preambulenya cukup sekian, selanjutnya kita langsung ke inti, yakni mendapatkan dua ID yang kita perlukan.

Langkah-langkahnya adalah sebagai berikut:

1. Klik https://developers.facebook.com/

2. Klik menu Apps dan pilih sub menu Create a New App

(NOTE: Jika anda belum terdaftar sebagai developer maka anda harus mendaftar dulu)

3. Isi kolom Display Name dengan nama app, Namespacenya bisa dikosongkan, pilih kategori dan yang klik tombol Create App.

4. Isi security check sesuai dengan kode yang ditampilkan, klik tombol Submit

5. Yuhu… sekarang kita telah memiliki sebuah App ID

6. Langkah Selanjutnya yang harus kita kerjakan adalah Klik menu Setting kemudian isikan data yang diperlukan. Isi Apps domain dengan domain blog anda, isikan alamat E-mail kemudian klik tombol Add platform. Pilih Website.

Pada kotak dialog yang muncul isikan URL blog lengkap dengan http:// kemudian klik tombol Save Changes. Sampai disini pengaturan Aplikasi sudah selesai.

7. Selanjutnya adalah kita akan mengambil ID Developer. Caranya klik menu Tools dan pilih Graph Explorer.

8. Selanjutnya klik tombol App token, maka ID Facebook akan kita dapatkan seperti gambar di bawah ini.

Demikian cara untuk membuat Aplikasi di facebook.

9. Yang terakhir adalah kita akan memasang Aplikasi blog.

= Login ke blogger

= Klik Template, kemudian cari kode <b:includable id='status-message'>

= Copykan script berikut tepat diatas kode </b:includable>

<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>

</b:if>

= Kemudian cari kode <head>
= Copy kode berikut ini taruh tepat dibawah kode <head> atau diatas </head>

<meta property="fb:admins" content="ID Facebook"/>

<meta property="fb:app_id" content="App ID"/>

Ganti tulisan berwarna merah dengan kode yang sudah dibuat sebelumnya.

Simpan Template. Jika berhasil maka kotak komentar facebook akan nangkring di blog anda.

Sekian. Salam sukses.