Modifikasi Pesan Pengantar Formulir Komentar

Jika dperhatikan, pesan formulir komentar di blog ini telah dimodifikasi sedemikian rupa agar lebih mantap. Pesan ini tentunya berguna sebagai kalimat atau pesan pengantar bagi komentator yang ingin menuliskan komentar pada posting. Biasanya pesan pengantar berisi ucapan terimakasih telah berkomentar, dan tambahan lainnya. Default pesan pengantar bloger hanya mengijinkan tag <b> <i> dan <a> dan itupun kalimat yang nampak rata kiri saja. Nah, tertarik dengan sesuatu yang baru, akhirnya saya mengubah sedikit kode CSS template blog agar pada pesan pengatar komentar bisa ditambahkan seperti link, latar belakang, huruf rata kiri kanan dan efek lainnya. Contohnya seperti gambar berikut :

Bagaimana, sudah jelas kan. Mungkin beberapa diantara anda masih belum memanfaatkan pesan formulir komentar blogger ini. Nah, sekalian saja dengan modifikasinya saya buatkan. Oke, jika anda tertarik untuk memodifikasi pesan pengantar formulir komentar ini, dapat mengikuti cara berikut :

1. Login ke blogger dengan id anda
2. Tuju Layout
3. Pada tab menu pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Cari kode ini
   <p><data:blogCommentMessage/></p>
   
6. Hapus dan ganti kode tersebut dengan kode ini
   <div id='pra-comment'><data:blogCommentMessage/></div>
7. Sekarang cari kode ]]></b:skin>
8. Tempatkan kode berikut di atas kode ]]></b:skin>

/*-- modifikasi teks pengantar komentar http://bangdel.blogspot.com--*/
#pra-comment{
background:#F2F2F2;
width:480px;
height:35px;
padding:10px;
font:normal 13px trebuchet ms;
text-align:justify;
border:1px solid #EFF0F1;
margin:0 10px 5px 0;
line-height: 1.1em;

#pra-comment a{ font-weight:bold;}
#pra-comment b{color: #000000;}
#pra-comment em b{Color:#ff0000;}

Sebagai catatan, anda bisa mengganti semua kode warna, border, huruf, lebar, tinggi dan yang lainnya. Sesuaikan dengan template blog anda agar serasi.
9. Lalu klik tombol SAVE TEMPLATE
10. Selesai

Sampai di sini sudah beres koq. Artinya anda sudah diijinkan menggunakan tag HTML pada pesan formulir komentar. Biar ga tanggung, dilanjutkan aja ya.

Menulis pesan di formulir komentar

1. Masuk ke Pengaturan
2. Pada tab menu, pilih Komentar
3. Selanjutnya arahkan kursor ke bagian bawah yang ada tulisan Pesan Formulir Komentar seperti gambar ini :
   
   
4. Isi formulir itu sebagai pesan pengantar komentar anda. Oke, misalnya seperti ini :

   Terima kasih, komentar anda sangat berarti bagi Bang Del. Isi pendapat anda tentang blog ini di <a title="Testimoni tentang Bang Del" href="http://bangdel.blogspot.com/2009/06/tentang-saya-dan-blog-bang-del.html">Testimoni</a>. Tinggalkan pesan di <a title="Tukaran link Bang Del" href="http://bangdel.blogspot.com/2009/06/link-kamu-ada-di-sini.html">Blogroll</a> untuk tukaran link.

5. Kemudian klik tombol Simpan Setelan.
6. Selesai

Sekarang coba lihat blog anda. Perhatikan kalimat pengantar di atas kotak komentar. Nah, silahkan ganti kalimat di atas dengan pesan favorit anda sendiri. Kalimat di atas hanya untuk menunjukkan efek dari penambahan kode saja. Jika ada teman-teman yang punya kreasi lain untuk memodifikasi pesan pengantar pada formulir komentar, bisa berbagi di sini. Terima kasih, eits jangan lupa kasih komen ya.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or