Minggu, 20 Maret 2011

Membuat Kotak Komentar di Bawah Posting


Cara Memasang Kotak Komentar di Bawah Posting dan penggunaan form komentar pad blogger.com dirasa agak rumit. Sebagai akibat dari komplain dari penggunanya, Blogger.com telah memperbaiki salah satu fiturnya tersebut. Tidak percaya, coba kunjungi dan baca posting Embedded Comment Form di bawah posting oleh dan Kotak Komentar Di bawah Posting. Kalau temen temen tau cara memasang form komentar kita akan bahas itu di postingan ini


Langkah I

1. Login ke account blogger.
2. Di Dasbor title blog kamu --> klik tab Pengaturan --> pilih sub tab Komentar atau dalam Kustomisasi --> pilih tab Pengaturan --> klik sub tab Komentar.
3. Di bawah sub tab Komentar --> Cari "Penempatan Formulir Komentar" dan beri tanda "Disemat di bawah entri".
4. Simpan Setelan.



Kemudian lihat blog, apabila letak formulir komentar blog telah berada di bawah posting berarti trik blogger telah berhasil dengan sukses.


Langkah II

* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Sebelum melakukan edit template, sebaiknya simpan dulu template yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode di bawah ini [kode HTML dalam setiap blog mungkin berbeda, tapi memiliki kemiripan (ex :<div class='comment-footer'> atau <div id='comment-footer'>)] :

<p class='comment-footer'>

<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>

</p>



Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga tinggal memasukkan kata yang ingin dicari.

* Ganti kode di atas dengan kode berwarna hijau di bawah 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>



Ingat : kode "p class" memiliki kemiripan dengan "div class" atau "div id" (tergantung template blog).

* Jangan lupa disimpan

Lihat blog kembali, jika masih belum berhasil. Coba ulangi trik blogger memasang kotak komentar di bawah posting pada "Langkah Pertama", setelah melakukan trik pada "Langkah II".

gampang kan???semoga bermanfaat

0 komentar:

Posting Komentar