18 November 2010

Cara Pasang Kotak Komentar Facebook Di Blog

Memanjakan pengunjung blog sangatlah penting kareana pengunjunglah blog kita bisa eksis dan bertahan apa lagi pengunjung yang hoby menggunakan facebook untuk itu saya mempermudah para FACEBOOKER untuk komentar di blog saya dan blog anda semua dengan menyediakan kotak komentar langsung dari FACEBOOK di blog kita ikuti aja deh langkah-langkah berikut ini :

Silahkan Buat Aplikasi Anda disini : Facebook developer page



Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash / di belakang Ulr.

Contoh : http://trik-tipsblog.blogspot.com
Menjadi : http://trik-tipsblog.blogspot.com/
Ambil ID Aplikasi Copy dulu di Notepad

setelah itu silahkan masukan kode periksaan yang di berikan facebook dan klik SEND or KIRIM



Sekarang LoginLah ke Account Blogger sobat
Silahkan Menuju Layout ( Rancangan ) atau Edit HTML dan check Expand Widget Templates. Cari code berikut :

<data:post.body/> atau <div class=’post-header-line-1′/>


dan paste Kode javascript berikut dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://trik-tipsblog.blogspot.com/2010/11/cara-pasang-kotak-komentar-facebook-di.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-APLIKASIMU&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;http://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://trik-tipsblog.blogspot.com/2010/11/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Pasang Comment Facebook di Blog</a></b></div>

Note :
  1. Ganti tulian warna merah "ID-Aplikasi" dengan ID yang di dapat dari Aplikasi FACEBOOK tadi.
  2. Jika anda Pernah pasang readmore maka letakkan kode java script di bawah ini setelah kode <data:post.body/>

No comments:

Post a Comment