Simpan dulu Template Blog kamu
>>Langkah 2<<
Kalian harus nonaktifkan layanan comment blogger dan kalian bisa saja membiarkannya hidup tp kalian tidak ingin kan terdapat 2 kotak komentar. Untuk menonaktifkannya, settings>> comments and select hide -> save settings
>>Langkah 3<<
Masuk ke account FB kalian dan buka link ini
>>Langkah 4<<
Buat halaman baru dan pilih Create Application
Sekarang kalian mendapatkan id kalian, salin id tersebut dan tempel pada notepad.
>>Langkah 6<<
Masuk ke Edit Html pada blog kalian dan cari <html . Itu terletak pada code paling awal setelah xml. Taruh kode di bawah ini tepat di bawah kode tadi
xmlns:fb='http://www.facebook.com/2008/fbml'
Nanti itu akan terlihat seperti ini
<html xmlns:fb='http://www.facebook.com/2008/fbml'
expr:dir='data:blog..............2005/gml/expr' >
>>Langkah 7<<
Cari kode <body> dan Taruh kode di bawah ini tepat setelahnya
<div id="fb-root">
</div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' APP ID',
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>
>>Langkah 8<<
Salin Id yang anda dapat ke kode di atas tadi
>>Langkah 9<<
Sekarang Salin kode berikut di atas </head>
<div id="fb-root">
</div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' APP ID',
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>
>>Langkah 10<<
Cari kode ini
<data:post.body/>
dan tempel kode di bawah
<b:if cond='data:blog.pageType == "item"'> <p align='left'><img alt='' class='icon-action' height='51' src='your own image here' width='331'/></p> <div><fb:comments width='450' 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%;'> <img alt='' class='icon-action' height='16' src='yoursite/img.gif' width='16'/> <b><a href='http://www.your-blogger.blogspot.com/' target='_blank' title='blogger templates'>Facebook comments for blogger</a> brought to you by <a href='http://www.wierdwalker.com/' target='_blank' title='blogger templates'>wierdwalker.com , Get Yours?</a></b></div> </b:if>
**ganti tulisan yang warna merah
hasilnya seperti berikut
>>Langkah 11<<
Simpan dan lihat hasilnya
Posting Komentar