Jumat, 24 Juli 2009

Cara membuat kotak komentar ( comment box )

Postingan pada blog serasa belum lengkap apabila tidak di lengkapi kotak komentar dibawahnya.
Dengan tersedianya kotak komentar maka memungkinkan pengunjung blog kita untuk memposting komentar atas artikel yang di posting pada blog kita.

Bila anda ingin membuat kotak komentar atau biasa disebut comment box di bawah postingan,lakukan langkah-lamgkah berikut ini:

1. Anda login dulu ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Kemudian klik Setting-->Comments. Kemudian ganti pilihan "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"
Sekarang lihat blog anda lalu klik salah satu postingan, bila kotak komentar sudah muncul maka cukup selesai pada langkah ini.Tapi bila kotak komentar belum muncul, coba teruskan ke langkah berikutnya:
4.Masuk ke
Layout --> Edit HTML --> centang pada kotak "Expand widget templates" . Kemudian cari kode seperti dibawah ini:

<b:include data='post' name='comments' />

5.Dibawah kode tersebut tambahkan kode berikut ini:

<b:include data='post' name='comment-form'/>

6.Kemudian simpan template.

Sekarang coba lihat lagi blog anda lalu klik salah satu postingan kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum?Kalau sudah ada berarti langkahnya cukup disini. tetapi kalau belum juga coba ikuti langkah-langkah berikut ini:

1. Masuk ke menu "Layout-->Edit HTML"
2. Beri tanda centang pada kotak "Expand widget templates".
3. Kemudian anda cari kode dibawah ini.Untuk mempermudah pencarian tekan Ctrl+F.Kemudian copy barisan code baris pertama lalu paste pada seach box yang muncul setelah menekan Ctrl+F tadi.

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>


4. Setelah anda menemukanya, hapus kode tersebut kemudian ganti kode tersebut dengan kode dibawah ini:



<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

5. Lalu simpan template anda.

Setelah selesai coba lihat kembali blog anda dan klik salah satu postingan.Bila berhasil dibawah postingan akan tampil kotak komentar seperti dibawah postingan ini.Selamat mencoba dan jangan pernah menyerah.

2 komentar: