Pasang Kotak Komentar Facebook Di Posting Blog

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 komentarFacebook Di Posting Blog sebenarnya sudah dibahas pada posting sebelum nya , saya hanya menambahkan sedikit untuk box comment facebook ini. Sehingga comment box facebookanda 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 facebookdengan 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://smoothcrue.blogspot.com' target='new'><img alt='fb comment box' class='icon-action'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikltKMOvyJmH_8eaTEhrFCYJeNRGhu0FDdN49FPY8el5y0jTsf3wWSXBy9Nzsrf-IOv51STUvUDOZJTDgmQHjG8pFJFw8KjmtQHhp8fThXvqUeYyFoLvZdcIX7iOgh_ZmrrgvYDRx1ERAi/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 .

Bacaan lain tentang :

Widget by smooth