Tutorial: Mencantikkan Comment Box Blog

assalamualaikum 

aku nak buat tutorial cantikkan post comment dengan warna2 . contohnya macam kat blog aku nie


hee . awal gile aku on kankan? korang nak tahu macamana? kalau nak, jom try :)



1. Dashboard > Design > Edit Html

2. Tekan Ctrl+C then search code nie kat Edit Html tuh tau. 
]]></b:skin>

3. Copy code nie ngan menekan Ctrl+ c kat keyboard korang . Copy SEBELUM code tuh tau
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#ff6699 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;


padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #ff6699;
}
#comments-block .comment-body{
margin: 0;

font-size: 17px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
border-bottom: 1px solid #ff6699;

-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:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#ff6699 !important;
}


4 . Korang edit balek code warna tuh okay . kalau korang kekalkan pun takpe . hahaha . tuh pun kalau korang suke ngan wane pink lah :P

5 . Save !

kredit : kak liyana :)

JANGAN COPY TUTORIAL NI BOLEH TAK? THANX :)

Iloveyou :)

1 budak cute:

Adlena Eliya said...

wah...thankx banyak2 ye..:)