Tutorial : Makeup comment box

Nite peeps! alamak, lupe nak potong kuku lah. ari ni dah la ari kames. erm, tape2. sok kan jumaat. still boleh potong kuku lagi kan? >_<

Harini ade kelapangan sikit. so nak share some tuto untuk cantekkan comment box korang macam gambar kat atas tu. first of all, betulkan setting dulu..

1. Setting > Comment > Comment from placement

*buat dye jadi camni

2. Design > Edit HTML > Thick expand widget template 

3. lepas tu tekan kat keyboard : ctrl F

4. masukkan code ini dalam kotak tu : ]]></b:skin>

5. copy code kat bawah ni, then masukkan kat atas ]]></b:skin> tadi.

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#CC00FF !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

padding:5px;
font-size:15px;
font-weight:bold;
border:2px solid  #000000;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 2px solid  #000000;
border-right: 2px solid  #000000;
margin-top: -5px; /*position*/
padding: 5px;
}
#comments-block .comment-footer{
margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
border-left: 2px solid  #000000;
border-right: 2px solid  #000000;
border-bottom: 2px solid #000000;
-moz-border-radius-
bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
margin-top: -12px; /*position*/
padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:  #000000 !important;
}
#comments-block .comment-footer a, .comment-body a{
color:  #FF0099 !important;
}

so, tulisan yang kaler merah tu korang boleh tukar ikut warna yang korang nak. code warna tu amek lah kat SINI. 

credit to : ceritacaye

Selamat Mencuba and Maceh bace!