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 == "item"'>
<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: 'XXXXXX', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').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 .
Tidak ada komentar:
Posting Komentar