Cara Membuat Kolom Komentar Facebook Di Blogger

Untuk membuat kolom komentar fecebook di blogger ikuti langkah-langkah berikut ini :

MENDAPATKAN ID FACEBOOK
     Id Facebook berfungsi untuk menghubungkan facebook dengan blogger, untuk mendapatkan id facebook caranya :

1. Login fecebook anda
2. kemudian klik  Facebook App 
3. setelah muncul halama facebook App, klik Register Now
4. Akan muncul halaman Registrasi as a Facebook Developer, pilih satu kemudian klik daftar
5. akan muncul keterangan dalam bahasa inggris yang mengatakan bahwa anda telah sukses meregitrasi, anda klik selesai
6. akan muncul halaman Add a New App, anda pilih website 
7. Quick Star for Website anda pilih Skip and Create App ID
8. pada halaman create new app id . Display Name anda isikan sesuai dengan nama blog anda, Namaspace dikosangkan saja. dan kategori anda pilih Aplikasi Untuk Halaman. klik create App ID                                                
9. akan muncul captcha, isikan captcha, klik kirim.
10. Anda telah selesai registrasi, simpan id facebook anda

setelah selesai registrasi app facebook dan telah mendapatkan id facebook, selanjutnya kita akan memulai membuat kolom koentar facebook di blog. ikuti langkah-langkah berikut ini.

1. Login ke blog anda
2. kemudian pilih template - edit HTML.
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>                                                                                biasanya   <div class='comments' id='comments'>   terdapat dua, anda fastekan dibawah <div class='comments' id='comments'>    yang kedua, akan tetapi jika setelah di save tidak muncul form komentar facebook anda fastekan di bawah <div class='comments' id='comments'>    yang pertama                                                                                                                                                                                                                                                                                                <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>
5.  Ganti Tulisan berwarna biru dengan ID FACEBOOK yang telah didapatkan tadi
6. klik simpan

Itulah tutorial membuat kolom komentar facebook di blog. semoga bermanfaat :) amin ....

apabila ada yang ingin ditanyakan silahkan hubungi saya melalui contact yang di blog ini.