Cara Memberi Background Kotak Komentar

Kali ini saya akan menjelaskan bagaimana Cara Memberi Background Kotak Komentar.
Contohnya bisa dilihat pada kotak komentar dibawah, jika ada yang tertarik.
Langsung saja kita praktekkan cara membuatnya :

Seperti biasa Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol  (F3)
Jika sudah ketemu, copy kode berikut dan paste di atas kode tersebut

#bgcomment{background: -moz-linear-gradient(top, #f6f6ee, #ffffff);
padding:20px;
width:530px;
height:250px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-webkit-box-shadow: 2px 2px 4px #f0f5fa;
-moz-box-shadow: 2px 2px 4px #f0f5fa;
}

#bgcomment:hover{background: -moz-linear-gradient(top, #f0f5fa, #ffffff);
}

Keterangan : kode yang berwarna biru bisa diganti sesuai template milik sobat.
Kemudian scroll ke bawah dan cari kode seperti berikut :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/></div>

Jika sudah ketemu letakkan kode berikut diatasnya

<div id='bgcomment'>

Dan kode berikut dibawahnya

</div>

Jadi hasilnya akan tampak seperti berikut :

<div id='bgcomment'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/></div>
</div>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba