Pasang Kotak Komentar Facebook Di Posting Blog

kotak komentar facebook

Kali ini saya akan membahas cara pasang kotak komentar posting blog di setiap posting , untuk membuat tampilan blog menarik sengaja saya modifikasi kotak komentar facebook sehingga terlihat bagus , untuk Pasang Kotak Komentar Facebook Di Posting Blog sebenarnya sudah dibahas pada posting sebelum nya , saya hanya menambahkan sedikit untuk box comment facebook ini. Sehingga comment box facebook anda mempunyai gambar di atas nya .

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='http://1.bp.blogspot.com/-KDY_JFeYwP0/TrakW0ahhjI/AAAAAAAAAVU/totlnqNyLmc/s1600/fb%2Bcomment%2Bbox.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 .

Silahkan anda membaca Pasang comment Facebook Di Blog - Update bila tutorial facebook ini belum cocok untuk anda

Pasang Kotak Komentar Facebook Di Posting Blog 9out of 10 based on 10 ratings. 9 user reviews.

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

Berlangganan via RSS Feed

Anda Ingin artikel seperti ini langsung ke Email anda Silahkan masukkan alamat Email anda Untuk Berlangganan :

related posts Pasang Kotak Komentar Facebook Di Posting Blog:

Label facebook 15