Cara Membuat Kotak Komentar Facebook Pada Blog

Oleh Rafid Aslam

19 Agustus 2012

Hai sobat blogger, kali ini postnya bersangkutan dengan jaringan sosial online yang terkenal. Seperti yang anda tahu facebook merupakan jaringan sosial yang sangat terkenal di muka bumi ini, bahkan anda pun mempunyai akun facebook bukan??, bahkan anak kecil pun ada yang mempunyai facebook, di facebook anda bisa bertemu dengan banyak orang, teman anda atau orang luar negeri juga mendaftar facebook, dan di facebook ada permainan yang cukup banyak, hanya satu orang yang membuat jaringan sosial ini, hebat bukan, sama seperti blog, blog ada yang dibuat oleh satu orang atau yang biasa disebut personal blog, anda bisa membuat blog jenis apa saja, ada beberapa hosting gratis yaitu blogger dan wordpress keduanya sama bagus tetapi yang dibuat oleh Google adalah Blogger. Seperti yang saya dulu katakan "kotak komentar adalah bagian terpenting dalam blog" apa lagi bagi pengguna blog DoFollow pasti dia mempunyai kotak komentar, kotak komentar sebenarnya dari template bawaan, menurut saya kotak komentar terbagus adalah milik WordPress, milik Blogger masih menggunakan kotak komentar klasik, seperti yang ada di bawah postingan ini.

Nah, sudah jelas kan penjelasan di atas, sekarang kita akan membahas tentang cara memasang widgetnya.

Ikuti langkah-langkah di bawah ini:

1. Masuk ke dasbor
2. Klik Template

3. Klik Edit HTML

4. Klik Lanjutkan

5. Centang Expand Template Widget (pojok kiri atas)

6. Cari barisan kode seperti yang ada di bawah ini:

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>

7. Jika sudah ketemu letakan kode di bawah ini di atas </b:includable>

<h2 class='title'>Comment Using Facebook</h2>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>

   Nanti hasilnya akan seperti ini:

<h2 class='title'>Comment Using Facebook</h2>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>

8. Simpan Template

NB: Anda bisa mengganti kode yang berwarna biru menjadi lebar kotak komentar.

Tag : Tips Blogger

Bagikan :

Tweet