Memasang Komentar Blogspot dengan Akun Facebook

Salah satu plugin facebook yang disediakan adalah plugin untuk mengintegrasikan form komentar di blogger/blogspot dengan akun facebook (pengunjung bisa berkomentar di blogspot dengan login akun facebook). Keuntungannya adalah pengunjung lebih mudah berkomentar dengan akun facebook mereka. Selain itu identitas pemberi komentar juga lebih jelas dengan info akun facebook, sehingga bisa mengurangi komentar spam atau komentar yang merugikan.

Berikut ini langkah-langkah memasang komentar di blogspot dengan akun facebook:

1. Klik disini untuk mulai membuat aplikasi baru, bisa anda beri nama terserah (misal : post comment). Dan centang pada pilihan "Setuju" kemudian klik Buat Aplikasi.

2. Kemudian klik pada menu "Web site" di kiri atas, isi URL Situs dengan alamat blog anda dengan akhiran tanda "/" misal : http://blog.denidi.com/ kemudian Simpan perubahan.

3. Selanjutnya akan tampil halaman tentang informasi aplikasi yang sudah anda buat, dan yang penting adalah ID Aplikasi dan Email Kontak anda. Anda bisa mencatatnya atau jangan menutup halaman tersebut, karena akan dimasukkan pada template blogspot anda.

4. Kemudian pada akun blogspot anda, pilih memu Rancangan/Design, kemudian pilih Edit Html dan centang Expand Template Widget. Sebaiknya anda download template dulu untuk mem-back-up jika terjadi error.

5. Cari kode ini <body> (Gunakan CLTR-F untuk mempercepat pencarian). Letakkan kode dibawah ini tepat dibawahnya :

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' ID Aplikasi ',
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 ID Aplikasi dengan nomor ID aplikasi anda.

5. Kemudian cari kode </body> dan letakkan kode dibawah ini tepat dibawahnya :

<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 ' property='fb:app_id'/>
<meta content='Alamat Email Anda di Aplikasi' property='fb:admins'/>
<meta content='article' property='og:type'/>

1. Nama Blog anda = Ganti dengan "Nama Blog Anda"
2. APP-ID = Ganti dengan ID Aplikasi anda
3. Alamat Email = Silahkan diganti dengan email yang sesuai dengan email anda saat membuat aplikasi.

6. Langkah terakhir adalah tambahkan kode dibawah ini di bawah kode <data:post.body/> :

<b:if cond='data:blog.pageType == "item"'><br/><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: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if><br/>

Kemudian Simpan template anda, dan lihat hasilnya.