Cara Memasang Facebook Comment di Blogger

Baiklah!Dengan tertulisnya posting ini berarti janji saya membuat tutorial facebook comment telah ditepati.Sebelum mulai saya beritahu,fungsi facebook comment ini untuk mempermudah orang untuk berkomentar di blog kita dengan mudah.Cukup log in di facebook langsung bisa komen.Berikut adalah langkap - langkahnya.


Langkah - langkah memasang Facebook Comment

1.Bikinlah Facebook App ID (Aplikasi Facebook).

Log in dengan account facebook kamu lalu pergi ke Facebook Developers.

Isi Nama Aplikasi sesuai keinginan (dalam tutorial ini Nama Aplikasi nya Komentar) dan centang Setuju.Klik Create App.Lalu akan ada laman Pemeriksaan Keamanan.Ketik karakter yang ada.Setelah itu muncul laman ini.Klik yang dilingkar merah.

Setelah itu akan muncul laman berikut.Ganti http://alamatkamu.blogspot.com/ dengan alamat blog kamu.Copy Application ID lalu klik Simpan Perubahan.

2.Masukkan Kode dalam Blog.

Klik Rancangan>Edit HTML>Expand Template Widget lalu cari </body> .Tambahkan kode berikut di atasnya.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;App-ID Kamu&#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 Kamu dengan Application ID yang di copy tadi.Lalu cari </head>.Tambahkan kode berikut di bawahnya.

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

Nama Blog = Nama Blog Kamu

App-ID Kamu = Application ID yang di copy tadi

ID Facebook = ID Facebook Kamu 

3.Menambah Kotak Facebook Comment pada Blog.

Cari kode <p><data:blogCommentMessage/></p> lalu tambah kode berikut di bawahnya.

 <br/><br/><b:if cond='data:blog.pageType == &quot;item&quot;'><b>Judul Kotak Komentar</b><div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div><div style='background-color: #000000;border: solid 1px #000000; font-size:10px; padding:3px;width:100%;'/></b:if><br/>

Judul Kotak Komentar = ganti sesuai keinginan 

450 = ganti sesuai lebar kolom posting 

Nah,selesai.
Lampiran : http://www.kumpulancara.com/2010/06/cara-pasang-kotak-komentar-facebook-di.html