tutorial ; menCOMELize your comment box

hello bloggerssss :)

tuto lagi . hehe , tak pe kan ? ok , sekarang nie kita akan belajar macam mane nak menCOMELize comment box kita nie haaa . tuto nie Farah (dok satu kampung tuu) yang request . agak nye dye sudah jeles melihat kan comment box si afiq nie . hehe . tanpa melengah kan masa , jomm kita mulaa :)

(kita akan buat comment box mcm nie)

 Dashboard > Design > Edit HTML > Tick Expand Widget Templates

 sila tekan CTRL + F dekat keyboard then search ]]></b:skin>

 copy codes yang ada dekat bawah nie then paste dekat atas ]]></b:skin>

#comments {

margin: 0px;

padding: 0px;

}

#comments h4 {

text align : center;

font-family: Century Gothic,Arial, Lucida Grande, sans-serif;

margin: 0px 0px 10px 0px;

font-size: 16px;

letter-spacing: -1px;

font-weight: bold;

padding: 8px;

color: #F7BE81;

}

#comments-block {

line-height:1.6em;

}

.comment-author {

margin: 3px 0px;

padding: 0px;

font-weight:bold;

}

.comment-body {

margin: 0px;

padding: 3px;

background: #FFFF00;

}

.comment-body p {

margin: 0px 0px 8px 0px;

}

.comment-footer {

margin: 3px 0px;

padding: 3px;

color: #000000;

background: #80FF00;

font-size: 12px;

text-align: right;

}

p.comment-footer {

margin: 3px 0px;

padding: 0px;

color: #00FFFF;

font-size: 15px;

font-weight: bold;

text-align: left;

background: none;

}

.comment-footer a {

color: #fff;

}

p.comment-footer a {

color: #000000;

}

.deleted-comment {

font-style:italic;

color:gray;

}

codes yang warna purple boleh tukar dengan code warna yang korang nak . boleh tukar dekat sini  .

 kalau dah puas hati . save sahaja :) 

tuto creds ; Alia Azmi