TUTORIAL : cantikkan comment box 1

naaa , korunk nak comment box mcm una takk ? ada background gituuu ! huhu :) okehh , tuto nie mg senang sebab una mg tak mau bagy susah korunk nak tgok , una amek cm ner bentuk code comment awal & comment selepas okehh :) ikut aje ape yang una mahu kongsi nie okehh ?

1. macam biasa korunk perlu ke DASHBOARD > DESIGN > EDIT HTML* tick expand widget !
2. dahh sudahhh kannn ? korunk tekan ctrl + F dan cary code ini :

/* Comments

dah dapat cary kannn ? then nanty korunk akan jumpa dengan anak-anakcoding dyer kan ? delete je sume code yang ade kat bawah tuh then korunk ganty kan dengan coding baru yang una bagi nie :) okee ? 

#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 BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F97E7E;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

UNGU : yg tuh backgorund kotak comment korunk tuh :)
BIRU : yg nie pulak colour border dia kay :) nak ubah solid kepada dashed , dotted pun boleh jugak tauu :)

nota kecil :

bila dah copy & paste korunk save jer lah kayy ? then pergi dekat entry yang dah ade comment , preview sikitt ! jadi takk ? wheee :D