Cara Mudah Memasang Komentar Facebook Di Bawah Postingan

Cara Mudah Memasang Komentar Facebook Di Bawah Postingan, untuk postingan atau articles kali ini semuanya pasti udah pada tau dong! dan kayakya saya gak perlu ngejelasin ke sobat, yang haya perlu di jelasin adalah tentang cara pemasangannya, untuk cara pemasangannya culup mudah banget kok sob, gak percaya silahkan sobat ikuti langkah-langkah pemasngannya ke blog sobat.Oke deh kita lansung aja ya!

contoh Komentar Facebook Di Blog

Cara Pemasangan Komentar Facebook Di Blog:

1. Login terlebih dahulu ke facebook.com

2. Selanjutnya kunjungi www.apps.facebook.com/developer/setup untuk membuat aplikasi

3. Masukkan nama situs kamu dan URL blog pada lokasi pilih saja bahasa Indonesia dan klik "Buat aplikasi"

4. Akan terlihat informasi tentang aplikasi yang telah dibuat catatlah ID Aplikasi tersebut.

5. Sekarang Login ke akun blogger sobat ➨ Pada menu pilih Rancangan ➨ Edit HTML.

6. Lalu centang Expand Template Widget  ➨ Download dulu templatenya untuk berjaga-jaga, kalo gak ya terserah sobat.


7. Sekarang di dalam kotak edit template cari sobat cari kode: <data:post.body> atau <div class="’post-header-line-1′/"> jika kesulitan mencarinya coba sobat baca Cara Cepat Mencari Kode HTML.


8. Jika sudah ketemu, pastekan kode di bawah ini di salah satu kode <data:post.body> atau <div class="’post-header-line-1′/">.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://www.otowebsite.blogspot.com' target='new'><img alt='' class='icon-action' src='http://goo.gl/n8mfe'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#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/>

Keterangan:

• Jika komentar facebook tidak muncul bila sobat letakkan di bawah kode  <data:post.body> maka sobat harus meletakkannya di bawah kode <div class="’post-header-line-1′/">.
• Ganti ID-Aplikasi (teks yang di cetak merah) dengan ID aplikasi facebook sobat tadi.

9.. Simpan template, dan lihat hasilnya.

Ada kesulitan dalam memasang kotak komentar facebook dibawah posting silahkan tinggalkan komentar?

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles kali ini!