Membuat Kotak Komentar Blogger di Bawah Postingan

Sekarang blogger/blogspot telah menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini/terlihat ada kotak koment-nya).

Begini cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan http://blogger.com!! (pokonya untuk khusus untuk ngedit coment box ini jangan di http://blogger.com, ok ?!)
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda ceklis kotak "Expand widget templates".
6. Trus cari kode berikut ini :

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

tapi ingat, kamu harus masih ngerjain di http://draft.blogger.com yaa, kalo ga, ga akan ketemu. Juga, saat anda mencari code diatas, coba cari dengan kata kunci footer (klik edit dimenu mozila yang di atas, trus pilih "find", nanti muncul dibawah banget kata find:.... , nah kamu klik next atau previous), dan setelah ketemu, biasanya ada dua kode <p class="comment-footer">, nah kamu pilih yang ke-2 ya. Selamat berteliti ria....

7. 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>
------------------------------------------------------------------------------------

8. Lalu simpan template kamu.

Coba lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti di blog ini (Bagi yang berhasil).
Have nice try...