Assalamu'alaikum Wr.Wb
Verguez - memasang kolom atau Kotak Komentar Facebook (Facebook Comment Box) di 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 pernah digunakan CONTOHBLOG,namun CB lepas lagi karena ternyata hanya mengurangi kecepatan loding blog.
Cara Pasang Kotak Komentar Facebook di Blog Blogspot
1. Dashboard --> Template -->Edit HTML
2. Cari (CRTL+F) kode <body>
3. Copy kode berikut ini dan simpan (paste) di bawah kode <body>
4. Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yang kedua.
5. Save Template!
Catatan:
Angka 500 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>)
Sekian tips dari saya, Semoga berhasil :)
Cara Pasang Kotak Komentar Facebook di Blog Blogspot
1. Dashboard --> Template -->Edit HTML
2. Cari (CRTL+F) kode <body>
3. Copy kode berikut ini dan simpan (paste) di bawah kode <body>
<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='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='500' expr:data-href='data:blog.url'/>
</div>
</b:if>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='500' expr:data-href='data:blog.url'/>
</div>
</b:if>
5. Save Template!
Catatan:
Angka 500 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>)
Sekian tips dari saya, Semoga berhasil :)
~Selamat mencoba~
0 comments:
Post a Comment