Cara Membuat Kolom Komentar Facebook di Blogger

Selain menggunakan kolom komentar bawaan blogger, sobat dapat membuat kolom komentar facebook di blog sobat. Apa keunggulannya? Pastinya lebih mudah digunakan dan dapat meningkatkan traffic blog sobat. Kok bisa? Karena setiap komentar akan muncul di profil orang yang berkomentar itu. Langsung saja ke cara membuatnya.
1. Login facebook terlebih dahulu, lalu klik disini.
2. Klik buat aplikasi baru.

3. Akan muncul jendela seperti ini.

Keterangan:
Nama Aplikasi: Isi dengan nama aplikasi anda. Tidak berpengaruh pada saat sobat hendak membuat kolom komentar facebook.
App Namespace: Ini digunakan sebagai alamat space dari aplikasi anda yaitu http://app.facebook.com/appnamespace
App Category: Isi terserah, tidak berpengaruh.
Web Hosting: Tidak perlu dicentang.
Lalu klik lanjutkan.
4. Pemeriksaan Keamanan. Silahkan masukkan kode captchanya.
5. Isi site url di pengaturan dasar Masuk Log Facebook >> Site URL dengan alamat blog sobat.

6. Simpan kode App ID, ini akan digunakan pada langkah berikutnya.

7. Klik simpan perubahan.
8. Buka akun blogger Anda, pilih menu Template >> Edit HTML.
9. Cari kode <b:skin><![CDATA[ lalu copy paste kode dibawah ini sebelum <b:skin><![CDATA[

<meta content='ID facebook Anda' property='fb:admins'/>
<meta content='App ID Anda' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Keterangan:
Ganti ID facebook Anda dengan alamat profil facebook Anda, misal http://www.facebook.com/UzumakiNugrohoSatriyanto maka Anda tulis UzumakiNugrohoSatriyanto.
Ganti App ID Anda dengan App ID di langkah ke 6.
10. Cari kode <div class='post-footer-line post-footer-line-3'><span class='post-location'>, letakkan kode di bawah tepat di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/>
</b:if>

Keterangan:
Ganti angka 10 dengan jumlah komentar maksimal yang ditampilkan di setiap posting.
11. Simpan template blog Anda.

NB:
Kolom komentar di blog sobat akan ada 2, satu bawaan google dan satunya kolom komentar facebook. Jika sobat ingin menyembunyikan kolom komentar bawaan, pilih menu Setelan>>Pos dan komentar. Pada lokasi komentar, pilih sembunyikan.

Sumber: http://panduantemplateblog.blogspot.com/2013/02/cara-membuat-kolom-komentar-facebook-di.html

»»  Read More...