Hias kotak Comment

WARNING ! READ FIRST

Ok hias kotak comment nie ada dua kod so kalau satu kod x menjadi ada lagi satu maksud nya korang kena cari lah mana kod yg sesuai untuk template korang k !

Contoh :-

Dashboard > Design > Edit Html > Tick Expand widget

First korang cari kod nie :-

 ]]></b:skin>

If kalau korang punya Template x jadi hias kotak komen dgn kod di atas cari kod nie

.post-footer {
  margin: .5em 0 0;
} 

k, dah jumper ? jom kiter pergi yg seterusnya, copy kod nie ... pastekan dibawah kod yg korang cari tadi

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #3968A1;
}

Dah siap ? Save .. then tgk lah hasil nya ^_^ !

Itu tutorial untuk pengunjung atau follower yg komen sahaja, yang nie pulak kotak komen untuk TUAN BLOG... Lepas dah buat tutorial diatas korang terus buat tutorial nie ok !

Macam biasa cari kod yg sama dekat atas kemudian korang copy kod nie then pastekan dibawah kod yg korang cari di atas tdi k.

.comment-body-author {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #2679DF;
}

Merah - URL IMAGE
 Biru - KOD WARNA (Cari Disini)

Selamat berjaya Dalam melakukan MISSION ini eceeeeh xD ! hahaha k bye !