Cantikkan Kotak Komen

Assalamualaikum

Sebelum sye nk g skolah, sye wt tutorial dlu yew.. hee :D

Korang nak x kotak komen yg comel tomey kat blog korang?? Nk kan?? Klau yg x tau tgk gmbr kt bwh lh...

Klik gmbr tu kalau korang x nmpk.. Hehe.. Korang nk x wat kotak komen kt blog korang?? Nak kan...

Jom ikut cara-caranye...

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tkn Ctrl+F, cari code #comments h4 {

3. Lps tu bwh dye ade kod mcm gini kan?

  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 110%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}

4. Korang delete kod yg kat atas tu and then gantikan dgn kod nie

margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
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(http://i1183.photobucket.com/albums/x473/Fiqah_Yassin-Selevers/Background/3.png) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #ff9bc1;
}




.deleted-comment {
font-style:underlined;
color:pink;
}

Yg wrne biru tu background dye. Korang crilah kt photobucket,google n kt mne2 je lh..
Yg wrne ungu pulak tu border dye. Korang nk tukar wrnenye klik >SINI< ea.

Oklah tu je.. Yang kt kotak komen tu ade icon tu besok2 je lh sbb x sempat okei.. Bye2...

Credit : Fiqah :)