Jumat, 13 Februari 2015

Filled Under:

Cara Pasang Kotak Komentar Facebook-FB di Blog

Posted By: Hendratno Rian Desta on 16.31
Cara memasang kolom atau Kotak Komentar Facebook (Facebook Comment Box) di Blog Blogspot sangat mudah. Kodenya sudah disediakan Facebook.

Ini cara paling mudah menampilkan kolom komentar yang bisa dishare langsung ke Facebook oleh Anda atau pengunjung.

sekadar buat contoh dan bukti sukses :)

Cara Mudah & Cepat Pasang Kotak Komentar Facebook di Blog Blogspot

1. Dashboard --> Template -->Edit HTML
2. Cari (CRTL+F) kode <body> atau yang semisalnya. Soalnya ada juga template yang kode body-nya ity kaya gini <body exp.... bla bla.... > .
3. Copy + Paste kode berikut ini di bawah kode <body> tadi.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4.  Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='post-footer-line post-footer-line-3'> atau di bawah kode  <div class='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan:
  • Angka 600 di atas adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
  • Bisa juga kode tersebut diletakkan di bawah kode yang digunakan untuk Related Posts (<div class='related posts'> ... dst.. sampai kode penutup </div>)
SELAMAT MENCOBA

Tags :
cara pasang kotak komentar facebook diblog, kotak komentar fb, komentar facebook, memasang kotak komentar diblog, cara mudah pasang komentar facebook, fb, agar komentar facebook tampil diblog, agar facebook tampil diblog, buat komentar facebook diblog




0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)