..:: Cara Menambah / Membuat Facebook Komentar di Bawah Postingan ::..

Ok sob kini saya akan berbagi cara membuat kotak komentar ala facebook untuk masing-masing tiap postingan. Berbeda dengan kotak testimonial facebook yang di set hanya untuk URL tertentu, kali ini akan menyesuaikan dengan URL postingan di mana ia di buka.ok langsung aja sob anda tinggal mengikuti langkah langkah berikut di bawah ini

Kotak komentar Facebook membantu pengunjung untuk lebih mudah berinteraksi dan berekspresi setelah membaca komentar Anda. Namun, berbeda dengan komentar blogger yang bisa dikendalikan penuh (Baca: Menentukan Waktu Moderasi Komentar), ketika Ada orang yang komentar ke blog Anda dengan Facebook Comment mungkin Anda tidak akan langsung tahu.
1. Silahkan pergi ke http://developers.facebook.com/setup (saat saya membukanya, saya diminta untuk mengkonfirmasi lewat hand phone atau kartu kredit, kemudian saya pilih lewat handphone. Kode konfirmasi baru saya terima selang satu hari.)
2. Jika Anda sudah sukses masuk ke halaman create an App silahkan Anda isi nama apps dan URL blog Anda. Dalam menulis alamat blog silahkan tambahkan garis miring / di belakang alamat blog (misal: http://red3vil-666.blogspot.com/). Setelah itu silahkan klik Create App.

                             SITE NAME : DiM4sH ReD3ViL
                             SITE URUL : http://red3vil-666.blogspot.com/
                             LOCALE     : INDONESIA

                                                                CREATE APP
3. Isikan Captcha sesuai yang tertera. Lalu klik Submit.
4. Jika sukses, maka Anda akan mendapatkan App Id dan App Secret

                             SETTINGS
                             DiM4sH is now registered with facebook.
                             APP NAME    : DIM4sH ReD3ViL
                             APP URL    : http:// red3vil-666.blogspot.com
                             APP ID        : 1234567890
                              APP SECRET : 1234567890
5.selesai langkah pembuatan ~~APP facebook~~ anda
kemudian langkah selanjutnya cari kode < body >

Tambahkan Kode berikut dibawah < body >
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID Anda',
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.

langkah selanjutnya Sekarang Cari kode </head>

Letakkan Kode Berikut dibawah kode </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'/>
Dan Langkah terakhir adalah cari kode ini <data:post.body/> Jika ada beberapa kode yang sama karena penggunaan readmore, maka cobalah letakkan setelah kode <data:post.body/> kedua.

<b:if cond=’data:blog.pageType == "item"’>
<div id=’fb-root’/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Ganti APPID dengan id aplikasi Anda. Kemudian Simpan template Anda. Anda bisa memilih untuk tetap menampilkan kotak komentar Blogger sehingga ada dua macam kotak komentar di blog Anda, atau bagi Anda yang hanya ingin menggunakan komentar ala facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada bagian Komentar pilihlah Sembunyikan........

selesai selamat mencoba sob........................