Saya lg males ngetik, jadi langsung aja ya caranya :
1. Anda terlebih dahulu harus membuat aplikasi untuk comment box facebook ini , untuk penjelasan ini silahkan anda lihat di posting saya berikut ini Cara Pasang Kotak Komentar Facebook Di Blog , anda tinggal klik link tersebut , disana dijelaskan dengan lengkap cara membuat aplikasi box comment facebook dengan menggunakan Facebook developer page .
2. Setelah anda membuat aplikasi kotak komentar facebook ini anda cukup membutuhkan App ID/API Key anda.
3. Kita mulai memasang kotak komentar facebook di bawah posting blog , caranya anda masuk ke akun blogger anda lalu Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Lalu cari code berikut:
<data:post.body/> (untuk setiap template berbeda-beda posisi code itu , untuk yang telah memasang read more silahkan cari kode seperti itu yang kedua)
4. Setelah itu Pasang script berikut ini dibawah kode tadi
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://juntenxblog.blogspot.com' target='new'><img alt='fb comment box' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3PDMiR_DnNZZdtunFIXR22kwMEQ12CJU133cvhbxJ2TRcoJ9HpKfHkcsE2j7gX9KzUSy_zAuiK-vADs2QHTxKZ0yvdzx8189zkO0Aoy0yBEGiQli41Xvvvsid59YoCuFpizHfRJywZE9B/s1600/fb+comment+box.jpg'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'XXXXXX', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
Ganti tanda XXX dengan App ID/API Key yang telah anda buat sebelumnya , lalu tekan simpan dan lihat hasilnya.
0 komentar:
¿Te animas a decir algo?