TERBARU : Cara membuat komentar facebook dibawah artikel blogger

Sebuah kotak komentar bertujuan untuk memberikan fasilitas diskusi pada sebuah blog, tanpa sebuah kotak komentar yang berisi kritik dan saran sebuah blog memiliki kesan yang kaku tanpa adanya sebuah diskusi.
Fasilitas komentar itu sendiri untuk Blogger sudah tersedia, namun jika kita merasa bosan dengan menu komentar bawaan blogger kita bisa memanfaatkan fasilitas komentar yang telah disediakan Facebook untuk kita pasang di blog kita.
Cara memasang menu komentar facebook langkah-langkahnya adalah sebagai berikut:
1. Login akun facebook anda.
2. Kunjungi URL berikut https://developers.facebook.com/apps. pilih Create App.

3. Isi form Pendaftaran contohnya seperti gambar dibawah ini:

4. Lanjutkan dan isi Captcha Verifikasinya, Jika berikutnya tampil seprti gambar dibawah ini berarti akun anda belum verify no ponsel.

Pilih saja link ponsel untuk verifikasi no ponsel anda.

5. Jika sudah konfirmasi Nomor Ponsel dan memasukkan kode yang telah dikirim oleh facebook melalui sms, dan mengkonfirmasinya. Close saja menu Popup konfirmasi ponselnya.
6. Kembali ketahap Create App sekarang kamu bisa isi Form Create appnya.

7.Pilih Lanjutkan dan Isi kode pemeriksaan Captchanya.
8. Akan tampil page seperti ini :

kode yang ditandai warna merah itulah yang akan kita perlukan untuk membuat facebook comment di blog kita.
9. Sekarang masuk ke menu Edit Html blogger anda, dan Centang menu Expand Template Widget.
10. Sekarang cari kode yang mirip seperti kode dibawah ni biasanya berada dipaling atas :

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

11. Tambahkan kode berwarna merah hingga seperti script dibawah ini:

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

12. Cari kode <title><data:blog.pageTitle/></title> , dan simpan script ini tepat dibawahnya :

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama atau Judul Blog' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='App Id Facebook' property='fb:app_id'/>
<meta content='ID Facebook' property='fb:admins'/>
<meta content='article' property='og:type'/>

13. Cari kode <body> , dan simpan script beriktu tepat dibawahnya:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID facebook',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
<fb:comments/>
</script>

14. Cari kode;

<div class='post-footer-line post-footer-line-3'/>
</div>

simpan script ini tepat dibawahnya:

<b:if cond='data:blog.pageType == "item"'>
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='white' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
</b:if>

15. Simpan template, untuk warna skema nya bisa dark ataupun white, dan untuk width nya ubah sesuai kebutuhan.

Jika ingin menyembunyikan menu komentar bawaan bloggernya pilih Setelan, Komentar, dan pilih Sembunyikan (jika pada antarmuka blogger lama).