Membuat dan Modifikasi Pesan Komentar

Sebelumnya kita telah membahas banyak artikel yang berhubungan dengan komentar, untuk lebih jelasnya kalian bisa melihat semua artikel tentang komentar DISINI.
Postingan saya kali ini adalah untuk menjawab pertanyaan salah satu teman saya di komentar :

asskum mas yuda saya mau tanya bagaimana cara memperlebar sidebar dan halaman posting blog setelah di hilangkan widgetnya dan bagaimana cara memberikan tulisan diatas kotak komentar dan bagaimana cara memberikan emotions diatas kotak komentar mohon bantuannya..

Untuk menjawab pertanyaan tentang memperlebar sidebar dan halaman posting, bisa langsung membaca artikel saya yang berjudul merubah ukuran pada template blogger, dan untuk pertanyaan tentang emoticon diatas kotak komentar bisa dibaca di artikel saya yang berjudul Memasang emoticon diatas kotak komentar.

Untuk pertanyaan tentang memberikan tulisan diatas kotak komentar mungkin maksudnya adalah pesan komentar. Untuk membuatnya silahkan ikuti tahap berikut ini:

Pada dasarnya pesan komentar ini sudah tinggal kita tulis di "PESAN FORMULIR KOMENTAR" yang letaknya di PENGATURAN. Langkahnya sebagai berikut :

1. Login Ke blogger kalian
2. Pilih rancangan ---> Pengaturan ---> Komentar
3. pada PESAN FORMULIR KOMENTAR silahkan isi pesan apa yang akan kalian sampaikan, contoh pada gambar dibawah ini:

Namun bentuk pesan tersebut terlihat biasa, Jika kalian ingin yang lebih CAEM silahkan lihat bentuk modifikasi dibawah ini :

1. MODIFIKASI TANPA PHOTO



Untuk modifikasi tanpa photo kalian ikuti tahap berikut:

1. Login Ke blogger
2. Masuk Ke Rancangan ---> EDIT HTML ( centang Expand Template Widget )
3. Simpan kode berikut diatas kode ]]></b:skin>

/*-- Pesan Komentar By azis Lamayuda --*/

#PesanKomentar{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;}
#PesanKomentar a{ font-weight:bold;}
#PesanKomentar a:hover{letter-spacing:1px; text-decoration:none;}
#PesanKomentar b{color: #000000;}
#PesanKomentar em b{Color:#ff0000;}

4. Kalian Cari kode berikut :

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

ganti kode diatas dengan kode dibawah ini

<div id='PesanKomentar'><data:blogCommentMessage/></div>

5. SIMPAN template kalian dan sekarang pindah masuk ke PENGATURAN ---> KOMENTAR
6. Pada PESAN FORMULIR KOMENTAR SIMPAN simpan kode berikut :

Silahkan menuliskan komentar anda pada opsi <b>Google/Blogger</b> untuk anda yang memiliki akun <b>Google/Blogger</b>.Silahkan pilih account yang sesuai dengan <b>blog/website</b> anda (<b>LiveJournal, WordPress, TypePad, AIM</b>).Pada opsi <b>OpenID</b> silahkan masukkan <b>URL blog/website</b> anda pada kotak yang tersedia.Atau anda bisa memilih opsi <b>Nama/URL</b>, lalu tulis nama anda dan <b>URL blog/website</b> anda pada kotak yang tersedia.Jika anda tidak punya <b>blog/website</b>, kolom <b>URL</b> boleh dikosongkan.

7. SIMPAN DAN SELESAI.

2. MODIFIKASI DENGAN PHOTO



1. Login ke blogger ---> Rancangan ---> EDIT HTML (centang Expand Template Widget)
2. Cari kode Berikut :

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

3. Simpan kode berikut tepat SETELAH kode diatas

<div class='z33sPesan'>
<div class='pesankotakomentar'>
<a href='URL PHOTO/GAMBAR KALIAN' onblur='try {parent.deselectBloggerImageGracefully();} catch(e) {}'><img alt='' border='0' id='BLOGGER_PHOTO_ID_5354112450438309666' src='URL PHOTO/GAMBAR KALIAN' style='margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 115px;'/></a><font face='georgia' size='1'><p align='justify'>Silahkan menuliskan komentar anda pada opsi <b>Google/Blogger</b> untuk anda yang memiliki akun <b>Google/Blogger</b>.<br/><br/>Silahkan pilih account yang sesuai dengan <b>blog/website</b> anda (<b>LiveJournal, WordPress, TypePad, AIM</b>).<br/><br/>Pada opsi <b>OpenID</b> silahkan masukkan <b>URL blog/website</b> anda pada kotak yang tersedia.<br/><br/>Atau anda bisa memilih opsi <b>Nama/URL</b>, lalu tulis nama anda dan <b>URL blog/website</b> anda pada kotak yang tersedia.<br/><br/>Jika anda tidak punya <b>blog/website</b>, kolom <b>URL</b> boleh dikosongi atau dapat juga diganti dengan email anda.<br/><br/></p>
Terima kasih, komentar anda sangat berarti untuk <font color='#ff8000'><a expr:href='data:blog.homepageUrl'><data:title/></a></font></font></div></div>

Keterangan :
== isi pesan diatas boleh kalian ganti dengan kata-kata kalian
== kode warna merah kalian ganti dengan URL gambar / photo kalian
== ganti ukuran gambar/photo pada kode width: 100px; height: 115px

Semoga artikel ini bermanfaat buat yang bertanya dan buat para pembaca dan pengunjung. Terima kasih