Berbagi ilmu itu akan terasa nikmat apabila ilmu itu bermanfaat

Saturday, May 14, 2011

Pasang Kotak Komentar Facebook di Blogger

Langkah-langkahnya sebagai berikut:

1. Silahkan Buat Aplikasi Anda disini: Facebook Developer Page


Agar Alamat Blog Sobat di terima Jgn Lupa Tambahkan Backslash " / " di belakang Url.

Contoh : http://kumpulancara.com
Menjadi : http://kumpulancara.com/
Ambil ID Aplikasi Copy dulu di Notepad


Sekarang LoginLah ke Account Blogger sobat
Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates.

2. Cari code berikut:

<data:post.body/>
dan paste code berikut dibawahnya :Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua.

Ini Scripnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://donimasrul.blogspot.com/2011/04/sahabat-blogger.html' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
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>
<fb:comments/>
</b:if><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>


3. Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda,
4. Simpan template anda.