Percantik Tampilan Kotak Komentar blogspot

12 Percantik Tampilan Kotak Komentar blogspot

Percantik Tampilan Kotak Komentar blogspot

HOOAAAAAAMMSS,, hehehe baru bangun nih gara-gara semalem nonton gerhana bulan, bagaimana dengan teman-teman, nonton juga gak? bangun-bangun enaknya sarapan posting, kali ini mas uwah mau posting percantik tampilan kotak komentar, sebelumnya saya pernah posting sih, tapi kurang efektif(klik disini kalau mau tau tentang modifikasi kotak komentar ),, naaahh makanya mas uwah update lagi.
Semua tampilan blog memang tidak lepas dari keindahan. Sentuhan CSS membuat tampilan Blog lebih kaya akan warna?bahkan bisa dibilang seni. Pada postingan ini saya akan memberikan Cara mudah mempercantik kotak komentar blog.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/AVvXsEjW1t298ls61_JBNwVUr6eftVk8_xM8ZDh46nVyD2x_dYU6QDM86TwHh-DvpSNpwqVuEZp0hd-KN-EoSqnRL4Yvz1A0EUfJs4vF5Syc-v9il83PA4bXwIDwRGVbgvdr54Lh-UMrCAG_QWk/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'>

<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 Tiduurrr lagi aahhhh... hohoho!!

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih