Minggu, 09 Agustus 2009

Membuat kotak komentar berada dibawah postingan blog...


Posting ini berisi tentang comment box atau kotak komentar yang langsung muncul berada di bawah postingan.
Kotak komentar yang biasanya hanya berupa link "Post a Comment" atau "Beri komentar" sekarang bisa anda rubah menjadi berada di bawah postingan langsung (seperti kotak komentar dibawah ini).
Dengan kotak komentar yang berada langsung dibawah postingan , maka kita tidak perlu repot-repot kalau ingin memberi komentar.
Caranya seperti berikut :

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.

2. Berikutnya ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)


3. Kemudian klik "Save Setting"

Sekarang coba anda lihat blog anda dan coba di klik salah satu postingan anda 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 tiap-tiap template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yang lama atau ambil dari luar ada yang belum dan ada juga yang sudah).
4. Berikutnya menuju ke menu "Layout-->Edit HTML"
5. Beri tanda centang ( contreng )atau cawang ( in java language,hehe..) kotak "Expand widget templates".
6. Trus cari kode berikut ini :
< class="'comment-footer'">
< href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'">
<> < /a >
< /p >
< /b:if >


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

Coba sekarang anda lihat hasilnya, coba anda klik salah satu postingan anda, maka dibawahnya akan muncul kotak komentar seperti punya saya ini (Bagi yang berhasil,hehe..).
Oke, selamat mencoba.., semoga sukses...

Tulisan yang berhubungan



2 komentar:

dynkus mengatakan...

lom berhasil buat komentar dgn kode di HTML yg beda

eRiKa mengatakan...

pak aq g bisa buat post komentarnya...
susah...

Posting Komentar

Template by : Ruby rubyuniversity.blogspot.com