Semua tampilan blog tidak lepas dari keindahan. Sentuhan CSS membuat tampilan Blog lebih kaya akan warna. Pada postingan ini saya akan memberikan Cara mudah mempercantik kotak komentar blog(Terkait baca : Cara Melebarkan Kotak Komentar. Diantaranya adalah dengan memberikan Background pada Latar Kotak Komentar. Banyak para blogger yang telah menggunakannya :D Bagaimana ingin mencoba ??
1. Pertama Login pada Dashbor Blogger anda.
2. Masuk pada Rancangan - Edit HTML
3. Copy Paste Kode dibawah ini , Letakkan diatas Kode ]]></b:skin>
#CSS-Kotak iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4t24RXeG2YA5fu3NbOA9piwhXlcknRoPDyoADREI3NbOwI_lt25z2wJ9X6XE9sAUsqFg728GuxwtpoZqrn2oPjlQTt8xjlCAHTQEq4EsVBKIKyAOSOM1E3P6HcQVhFD4cUF_vP2rpiA/s320/385512.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#CSS-Kotak iframe:hover{
background:#000000 url(http://lh5.ggpht.com/_UEOySJCSmVg/TD_GUupXCWI/AAAAAAAAA_U/SubsszWnD0U/s144/3855126.jpg);
border:7px solid #999FFF;
}
#CSS-Kotak a{
color:#1E90FF;
}
4. Cari Kode <a name='comment-form'/>
5. Letakkan Kode <div id='CSS-Kotak'> . . . . </div> diantara kode diatas, sehingga menjadi seperti ini :
<div class='comment-form'>
<div id='CSS-Kotak'>
<a name='comment-form'/>
<h4 id='comment-post-message'>Post a Comments</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>
</div>
Keterangan : Kode Merah dan Biru pada Point.3 adalah (URL) Alamat gambar, anda dapat menggantinya sesuai keinginan anda. Selamat Mencoba dan semoga bermanfaat :D