Hermawan's IT Blog.

Sebelum anda memasang Facebook komentar di Blogger anda. Ada baiknya Backup(Download Full Template) blogger anda.

Oke langsung saja kita mulai ^_^

Pertama: Buat Aplikasi Facebook di Facebook Developer
Masuk ke Facebook Developer untuk membuat sebuah aplikasi. Atau langsung kunjungi disini: Create Application



Akan muncul tampilan seperti dibawah. Isi nama aplikasi pilih agree. Lalu Create Application


Kemudian klik pada tab Web Site. Anda akan dibawa kehalaman Web Site seperti gambar dibawah ini :


Masukan site URL alamat situs blog anda. Jangan lupa beri tanda " / " pada akhir ULR Blog. contoh: http://hermaweb.blogspot.com/
untuk site domain diisikan: blogspot.com saja.

Kemudian simpan. Klik Save Changes
Di atas ada Application ID: copy APP-ID tersebut di notepad dulu.



Menambahkan Kode HTML pada template blogger
Anda harus menambahkan kode berikut ke template blogger Anda untuk memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar. silahkan pergi ke account blogger Anda lagi,

Lalu masuk ke Pengaturan >> Rancangan >> Edit HTML lalu centang Expand Template Widget

Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.

cari code >> < body >
Lalu tambahkan Code berikut ini dibawah code < body >


<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID&#39;,
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(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>


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

Sekarang cari code >> </head>
Lalu letakkan Kode Berikut dibawahnnya


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'/>


Nama Blog Anda : Ganti dengan Nama Blog Anda

http://google.com/help/hc/images/logos/blogger_logo.gif' : Bisa Anda Ganti dengan Gambar anda atau juga bisa di hapus.

APP-ID Anda : Ganti dengan APP ID anda

Profil-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.

Menambahkan Komentar Box blogger template Anda.
silahkan cari kode berikut >> <data:post.body/>

Letakkan Kode Berikut dibawahnya

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 /> <div><fb:comments width='600' 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://hermaweb.blogspot.com/2010/09/cara-memasang-facebook-komentar-di.html' target='_blank' title='Facebook Comment'>Cara memasang facebook comment </a></b></div></b:if><br />

Apabila selesai klik Save Template


Semoga BERHASIL..