Monday, September 21, 2009

Perbaiki Tampilan Form Komentar Yang Bermasalah di Blogger

Template standar yang ada di Blogger dapat dikostumasi sedemikian rupa sehingga tampil menarik sesuai dengan keinginan kita. Dan di banyak situs/blog yang ada di internet juga ditawarkan theme/template yang bisa diunduh gratis dan kita pasang sendiri sebagai template blog kita, dengan beragam tampilan yang sangat menarik layaknya situs pada hosting
berbayar.

Walaupun demikian, ada beberapa template self-customized yang masih bermasalah. Salah satu permasalahan itu adalah  tampilan form komentar, di mana form komentar dari template tersebut tidak tampil sebagaimana mestinya, terutama bila setting Word Verification diaktifkan oleh pemilik blog. Hal ini menyebabkan pengunjung mengalami kesulitan ketika berkomentar di blog kita.


Seperti terlihat pada gambar di atas, form komentar tidak tampil penuh, dengan teks Word verification yang tidak tampil sepenuhnya dan juga tidak ada tombol Post Comment. Akibatnya, pengunjung kebingungan, dan akhirnya malah tidak jadi memberikan komentar di blog kita.

Hmmm... sayang juga 'kan? Padahal komentar itu bisa cukup berarti buat pemilik blog, sebagai masukan, saling berinteraksi, atau sekedar menunjukkan bahwa blog kita "lebih hidup" alias tidak sepi pengunjung.

Terus gimana dong cara mengatasi tampilan form komentar yang "tidak sempurna" itu? Sebenarnya cukup mudah. Kuncinya adalah pada tag iframe form comment editor. Oke deh, langsung aja, berangkaat...!



Memperbaiki Tampilan Form Komentar Bermasalah

Login ke Dashboard di Blogger, kemudian masuk ke "Layout", pilih "Edit HTML". Centang opsi "Expand Widget Templates".

Cari tag ini pada form Edit HTML:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

Perbaiki atribut scrolling pada tag tersebut, karena disinilah akar permasalahannya. Ada dua cara untuk memperbaikinya, silahkan pilih salah satu saja:
  • Hapus atribut scrolling='no' pada tag tersebut,
atau,
  • Ganti atribut itu menjadi scrolling='auto'.
Ini bertujuan untuk menampilkan scrollbar di samping form komentar bila form komentar melebihi area yang tersedia. Setelah dilakukan perubahan, "Save Template" anda. Tampilan form komentar anda nantinya akan dilengkapi dengan scrollbar seperti pada gambar di bawah ini




Anda juga boleh (tapi tidak harus) mengubah value atribut height menjadi 410px. Tujuannya untuk mempertinggi area form komentar sesuai dengan yang ada pada template standar Blogger.



Semoga berguna :D

.


Share/Save/Bookmark







Ziddu - The Best FREE File Hosting Website - Sign up for FREE!

Make money on twitter

Buy and sell Text Links

9 comments:

Anonymous said...

Makasih infonya :D
baru sadar kalo form komentarnya bermasalah...

kalo ngubah ukurannya bisa ngga?, jadi ngga perlu scroll

Zon Saja (on September 22, 2009 at 5:28 AM) said...

@kyuutaro:
ubah ukuran di atribut height.
di default templatenya Blogger, iframe komentar tingginya 410.

.

eHandbook (on November 8, 2009 at 10:55 PM) said...

thx uda pasang link sy n sy jg uda pasang koq?oya ktnya kolom komentar sy bermasalah ya?tp sy cb koq gk ada masalah sih?

eHandbook (on November 8, 2009 at 11:08 PM) said...

iya kawan ternyata kolom komentar tempat sy bermasalah?thx utk infonya..link anda sy letakkan di sidebar

Anonymous said...

tes koment aja

Zon Saja (on December 23, 2009 at 5:38 PM) said...

@ Anonymous: silakan :)

.

My note (on February 1, 2010 at 11:30 AM) said...

terimakasih buat infonya mas ,,,,, sangat membantu sekali,,,,,

My note (on February 1, 2010 at 11:42 AM) said...

tes mas ya

kapten teknologi (on February 22, 2010 at 9:03 AM) said...

wahh makasih info yang sangat membantu saya.
main-main juga ke blog ini ya sob.. http://www.kaptenteknologi.co.cc/

Post a Comment

Subscribe to zonsDigital via RSS reader
Enter your email address:

Mini Browser

Followers


Follow zonspot on Twitter

Statistics





Add to Technorati Favorites Join My Community at MyBloglog! Computer Blogs - Blog Catalog Blog Directory

© 2009 zonsDigital | Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal ----- zonsDigital HomeEdit PostDashboardJump to top