Pasang Komentar FACEBOOK (FB) di Blogmu

Akhirnya postingan saya kali ini terealisasi juga, sebenarnya pengen postingan sejak lama. Namun karena terkendala waktu dan kesibukan, akhirnya kini baru bisa sempat posting tentang Cara Mudah Menambahkan Kotak Komentar Facebook (FB) Di Blog. Sekarang Anda akan melihat bagaimana cara menambahkannya dengan langkah sangat mudah dan bekerja 100%. tetapi harap berhati-hati dan memperhatikan semua rincian.
Kini Pengunjung yang Punya Account Facebook bisa Berkomentar di Blog Anda.

Untuk Cara Mudah Menambahkan Kotak Komentar Facebook (FB) Di Blog sebagai berikut :

Langkah 1. Nonaktifkan Default Komentar.

Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika memang membutuhkan dua komentar biarkan saja seperti biasa.

Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).

Sekarang Anda harus menghasilkan facebook app id Anda sendiri, itu benar-benar mudah dan prosesnya hanya satu langkah, Login dulu dengan Account Facebook Anda, kemudian silahkan Kunjungi, pengembang facebook disini : Facebook developers.
Anda akan diwa ke halaman seperti Contoh pada Gambar dibawah :

Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik Setuju lalu klik Buat Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "

kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Terhubung seperti gambar dibawah ini :

Ingat sewaktu memasukkan ULR Situs jangan lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas ULR Situsnya : http://www.clubmp3.co.tv/

Masukkan Base Domain : blogspot.com.
Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik web Site yang berada di bawah Perihal untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada langkah berikutnya.

Langkah 3. Menambahkan Kode pada template blogger

1. Login ke blogger

2. Pilih Tata Letak --> Edit HTML

3. Beri tanda centang pada Expand Template Widget

4. Cari kode berikut ini <body> Kemudian tambahkan kode di bawah ini tepat di bawah kode <body>.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID',
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);
}());
</script>

Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.

Sekarang cari kode </head>
Letakkan kode di bawah ini tepat di bawah koede </head>

<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 Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>

********Keterangan********

Nama Blog Anda : Ganti dengan Nama Blog Anda
APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.

Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.

Langkah 4. Menambahkan Komentar Box blogger template Anda.

silahkan cari kode berikut <data:post.body/>

Jika Punya dua <data:post.body/> karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua.

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://generalin4u.blogspot.com/2011/07/pasang-komentar-facebook-fb-di-blogmu.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTRwhF5LLgyhb8qWqUacrCOEexcZs1uDFtsR4qsQo225BX7ybPZLwms64mBaxPw7XWqousXeR65M9Zo7rXJnyI-QPzYOYBE5dlSe3v-mBvVOvSJiHbxW_rY8a7QNfxtR1BR4ckxmmm6Jc/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://generalin4u.blogspot.com/2011/07/pasang-komentar-facebook-fb-di-blogmu.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div></b:if><br />

Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing-masing pada template blog anda.