Membuat Style Pengantar Komentar

Pengantar komentar adalah kata-kata yang dipasang sebelum form komentar. Ngerti maksudnya kan? kalau bingung yang dimaksud pengantar komentar coba lihat form komentar dibawah artikel ini, sebelum kotak dimana sobat blogger bisa membuat komentar, ada kumpulan kata-kata yang memberi petunjuk bagaimana berkomentar, itulah maksudnya.

Semua pasti tahu bagaimana membuat pengantar komentar pada blogspot. Karena memang sudah disediakan dalam dashboard blogger.com dibagian pengaturan. Tinggal mengisinya dan tampillah pengantar komentar yang sudah dimasukkan. Tapi sayangnya fasilitas ini hanya memperbolehkan memasukkan text dan sedikit tag HTML saja sehingga tag style tidak akan bisa diterima.

Perhatikan keterangan dibawah kotak pesan formulir komentar, tag HTML yang diterima terbatas pada bold, italics dan anchor. Jika sobat blogger menambahkan tag tersebut dalam pesan komentar sobat blogger maka style akan mengikuti pengaturan pada area content-wrapper atau main-wrapper. Bagaimana jika kita ingin tampilan yang berbeda? Sebagai contoh coba sobatblogger perhatikan pesan komentar yang ada di blog ateonsoft. Coba juga bagaimana efek pada anchor text-nya (link yang ada di pesan komentar) lain dengan yang ada di content bukan? itu karena pengaturannya memang saya lainkan. Contoh style komentar yg ada di ateonsoft.com:

Terlihat bahwa Pengantar kotak komentar nya dapat di sisipkan gambar, diberi marquee dan link, yang jika tidak diberi style CSS maka hal ini tidak bisa dibuat. Untuk lebih jelasnya silahkan buka ateonsoft.com.

Caranya adalah dengan memaksa style dari CSS dan sedikit mengedit template pada kode XML-nya. Sebenarnya bagi yang memiliki pengetahuan tentang HTML dan CSS bukan suatu yang sulit, tapi bagi yang belum tahu silahkan ikuti petunjuk saya dibawah ini, dan tentunya saya
gunakan style pada blog ini. Jadi kalau kurang sesuai dengan template sobat blogger silahkan saja diedit. Mari kita mulai..

Pada edit template blogger silahkan dicari kode ]]></b:skin> dan kalau sudah
ketemu letakkan kode dibawah ini diatasnya. O iya jangan lupa centang pilihan Expand Widget Templates

/*-- Form Comments style by ateonsoft.com--*/

#pra-comment{clear:both;padding:10px;font:normal 9px
sans-serif;text-align:justify;border:1px solid #EFF0F1;margin:0 10px 5px 0;
line-height: 1.1em;}

#pra-comment a{ font-weight:bold;}

#pra-comment a:hover{letter-spacing:1px; text-decoration:none;}

#pra-comment b{color: #000000;}

#pra-comment em b{Color:#ff0000;}

Kalau sudah silahkan cari barisan kode seperti dibawah ini:

<b:includable id='comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0'
height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

<data:post.iframeColorizer/>

</div>

</b:includable>

Bisa jadi barisan kode pada template sobat blogger tidak sama persis dengan diatas, tapi yang perlu diperhatikan hanya kode berwarna merah saja. Kalau sudah ketemu silahkan kode berwarna merah diganti dengan kode dibawah ini:

<div id='pra-comment'><data:blogCommentMessage/></div>

Sekarang simpan template sobat blogger. Sampai disini Sebenarnya sudah selesai. Hanya tinggal memasukkan pesan komentar pada menu pengaturan-komentar (lihat gambar diatas). Agar maksimal pengaturan yang sudah dibuat coba sobat blogger masukkan text yang dilengkapi tag HTML dibawah ini pada pesan formulir komentar sobat blogger, edit belakangan saja yang penting tahu akibat efeknya dulu.

Silahkan menuliskan komentar anda pada opsi <b>Google/Blogger</b><br />untuk anda yang memiliki akun <b>Google/Blogger</b>.<br /><br />Silahkan pilih account yang sesuai dengan <b>blog/website</b> anda<br />(<b>LiveJournal, WordPress, TypePad, AIM</b>).<br /><br />Pada opsi <b>OpenID</b> silahkan masukkan <b>URL blog/website</b> anda pada kotak<br />yang tersedia.<br /><br />Atau anda bisa memilih opsi <b>Nama/URL</b>, lalu tulis nama anda dan <b>URL<br />blog/website</b> anda pada kotak yang tersedia.<br /><br /><br />Jika anda tidak punya <b>blog/website</b>, kolom <b>URL</b> boleh dikosongi.<br /><br /><br />Gunakan opsi '<em><b>Anonim</b></em>' jika anda tidak ingin mempublikasikan data anda. (<em><b>sangat tidak<br />disarankan</b></em>). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik<br />anda gunakan pilihan dibawah ini: <br /><br /><br />Jika ingin komentar anda tidak dipublikasi, silahkan <a title="Kirim pesan pada ateonsoft.com" href="http://www.ateonsoft.com/2008/01/email-me.html">klik<br />disini</a><br /><br />Masih kesulitan juga membuat<br />komentar? silahkan <a title="Ke Buku Tamu" href="http://www.ateonsoft.com/2008/08/guest-book-shoutmix.html">klik<br />disini</a><br /> <br /> <br />

Sumber: ateonsoft.com