Pasang Kotak Komentar Facebook Di Posting Blog

kotak komentar facebook
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

Pin It!

fb comment box

17 komentar:

cristina mengatakan...

cara membuat api id gmn?

roby fitrah mengatakan...

lihat di posting ini Cara Pasang Kotak Komentar Facebook Di Blog ...

kios obat mengatakan...

infonya sangat bermanfaat bagi blogger pemula terutama saya...
heehhhee....

Rudy mengatakan...

Mas mengapa comment box saya ascending ya? seharusnya komen terbaru ada diatas..ini malah dibawah.. :) mohon bantuannya..

obat herbal jantung koroner mengatakan...

info yang bermanfaat bagi saya yang masih newbie

Cindy Aisyah Firdiah mengatakan...

why I can't? :(

Rudy Hartono mengatakan...

terima kasih atas informasinya yang sangat bermanfaat dan mudah untuk dicerna

Respect Dari Hati mengatakan...

coba dulu deh...mudah2an sukses pasang kotak komentar ini

driver laptop mengatakan...

siip, bermanfaat bgt ne... tak coba dulu gan

herul ajja mengatakan...

mantap postingannyaa,, :)

Waspadia mengatakan...

makasih masbroo inponya.. sangat berguna!

kangjem mengatakan...

maksih ilmunyaq...praktek dulu ahhhh...hehehe

selestinus benny mengatakan...

thanks ya mas,tapi saya gak muncul tampilannya

alice mengatakan...

template sy g ad
trus py?
Newbie talking :)

Anime Manga mengatakan...

yop makasih gan infonya sangat bermanfaat
kunjungan baliknya ya gan

Stevi Saputro mengatakan...

Kalo yang punya agan ada gak, masalahnya yang ini gak bisa buat komentar.

Juntenx mengatakan...

sebelum berkomentar baca artikel nya sampai habis , ada update apabila tidak bisa melakukan cara yang ini .. baca Pasang comment Facebook Di Blog - Update

Poskan Komentar

◄ Newer Post Older Post ►