Cantikkan Comment Box

Assalamualaikum ,


Harini Afiq mau ajar korang cara-cara cantikkan comment box . Hah ! tak tahu ? kalau tak tahu tengok pict bawah ni k .

*Nampak yang warna biru tu .

Okayyy ! kalau korang nak TuTo ni , korang ikut step-step bawah ni k .

1) Dashboard > Design > Edit HTML > Tick Expand Widget 

2) Cari code bawah ni , CTRL + F memudahkan pencarian 

]]></b:skin>


3) Dah jumpa ? kalau dah copy code bawah ni dan paste DIATAS code ]]></b:skin> okayyy !




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

padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 1px solid #000000;
border-right: 1px 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: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px 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:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#000000 !important;}

NOTE : Code yang warna merah tu korang boleh tukar kepada warna korang sendiri okayyy ! . mana mau code warna ? okayyyy ! tekan SINI atau SINI . 


4) Save dan lihat hasilnya k .


SELAMAT MENCUBA :)

---

Thank you for reading :*

---