Tutorial : Mencantikkan Comment Box Part3

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. Copy code di bawah dan gantikan dengan semua code yang ada di bawah code yang dicari :

#comments-block .comment-author{
color:#555;
padding:4px;
margin-top:10px;
line-height: 100%;
background-image: -webkit-linear-gradient(right, #FFF, #E6E0F8, #E6E0F8, #FFF);
text-align: center;
}
#comments h4 {
background:#fff;
background:url("http://i.imgur.com/aemZL.png")  scroll center transparent;
padding:4px;
color:#000;
letter-spacing:2px;
text-align: center;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
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.0em;
}
#comments-block .comment-body p {
padding:15px;
border-radius:10px;
background: #E6E0F8;
color:#000000;
margin:5px;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.0em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

 Edit : 
ABC : Warna Border tengok sini SINI
ABC : Tukar kepada solid / dotted / dahsed 
ABC :  Warna Background 5. Kemudianu SAVE je la ye..

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