selamat datang di blog darisemarang.blogspot.com kami menawarkan jasa pembuatan blog/website pembuatan brosur,desain undangan perkawinan dan souvenir menarik atau anda bisa juga masuk ke http://ainiaksesoris.blogspot.com

Kamis, 12 Januari 2012

Pasang Kotak Komentar Facebook Di Bawah Posting Blog

Pasang Kotak Komentar Facebook Di Bawah Posting Blog

Cara pasang kotak komentar facebook di bawah posting cukup sederhana silahkan anda ikuti prosesnya .

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 == &quot;item&quot;'>
<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/AVvXsEh3x6PJGOvcF9tFGZJo8gC-56IiO1Zr9siB-ed0FA53sOSq_cBLCIqW_xYnrVTRoEBPGPqqvZyw_JuPEGdIu2t5KUk8H8HFCp0qzd9Ipp7bdN-R-sqePZ6x7WQMkhNi13ZMtAolwzlFoFEs/s1600/fb+comment+box.jpg'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;XXXXXX&#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>

Ganti tanda XXX dengan App ID/API Key yang telah anda buat sebelumnya , lalu tekan simpan dan lihat hasilnya.

Cukup mudah bukan membuat kotak komentar facebook dengan tampilan baru ini , serta pasang kotak komentar facebook di posting blog sehingga terlihat menarik , tampilannya akan seperti comment box facebook yang ada pada blog ini , silahkan anda coba berkomentar di facebook comment di bawah ini .



Jika artikel ini bermanfaat bagi anda. Mohon klik tombol Google+ dan tombol Like dibawah ini untuk mendukung blog ini dan sebagai ucapan terima kasih dari anda. terima kasih

fb comment box

0 komentar

Posting Komentar