Assalamualaikum.. posting saya hari ini tentang: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.
Anda bisa "ambil" kode kotak komentar FB itu di sini: Facebook Developer.
Jika gagal, Anda bisa gunakan kode-kode di bawah ini yang digunakan CONTOHBLOG --namun hanya muncul di halaman posting ini saja, 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'/>
<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 == "item"'>
<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>
<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>)
JIKA hanya ingin menampilkan kotak komentar Facebook di halaman
tertentu, seperti yang CB punya yang hanya muncul di posting ini, maka
gunakan kode berikut ini (ada tambahan yang warna merah).
<div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.url == "http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html"'>
<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if>
Ganti http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html
dengan permalink atau url posting/page yang akan memunculkan kotak komentar Facebook
Sekian caranya .... WASSALAM.....
0 Comments