Tutorial : Mencantikkan Comment Box

Preview :

Tuto ini boleh digunakan untuk Simple dan Denim Template :)

Kalau nak guna tuto ini mesti kena ubah setting comment ke pop up window dulu yer :D

1. Template --> Edit Html --> Tick Box Code --> CRTL+F

2. Cari kod ini : 

Denim Template

/* Comments

Simple Template 

#comments .comment-author {

3. Dah jumpa? Sila Copy code di bawah  dan Paste di bawah code yang dicari :

#comments h4{
margin:1em 3em; font-weight:bold; line-height:1.4em; color:#000
}
#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;
}

 Edit : 
ABC : Warna Border tengok sini SINI
ABC : Tukar kepada solid / dotted / dahsed 

4. Kemudianu SAVE je la ye..

5. Lepas itu try la tengok hasil nya..menjadi tak? Harap komen lepas buat ye.

Nak lebih cantik ikut tuto :
* Reply to comment