MODIFIKASI KOTAK KOMENTAR

Langkahnya sebagai berikut
Pertama anda pergilah ke Dashboard » Tata Letak » Edit Html.
Cari kode dalam barisan css anda,yang hampir sama seperti berikut (mengingat template yang berbeda-beda):
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.2em;
color: $dateHeaderColor;
font: bold 78% Georgia Serif;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.4em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 20px 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 20px 1.5em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Jika sudah ketemu,tinggal hapus kode tersebut,dan gantilah dengan kode dibawah ini:

#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#FAEBD7;none repeat scroll 0 0;
border:0px dotted #dotted;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
-moz-border-radius-topright:8px;
-moz-border-radius-topleft:8px;


}
#comments .blogger-comment-icon, .blogger-comment-icon {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:0px dotted #B6B6ED;
border-right:0px dotted #B6B6ED;
margin-left:0;
margin-right:20px;
padding:7px;
background:#FFF5EE;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
}
#comments-block .comment-footer {
border-bottom:2px double #B6B6ED;
border-left:0px dotted #B6B6ED;
border-right:0px dotted #B6B6ED;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#comments {
height:150px;
overflow:auto;
}

Kode yang bercetak tebal diatas "#FFF5EE" adalah warna block dari header masing-masing komentar,jadi rubahlah sesuai dengan keinginan anda.Bisa anda ganti dengan tulisan black,white,red,blue,dll.
Bisa juga anda menggunakan kode HEKSA WARNA untuk memodifikasi warnanya.

bila masih ingin modifikasi lagi copy paste kode ini .comment-form { background:#ffffcc; border:2px solid #ffff66; margin:0 10px 20px 10px; padding:0 0 0 15px; }
diatas kode ]]></b:skin>

Setelah itu,lalu Simpan.
Selesai dan lihat hasil komentar tamu-tamu anda sekarang.

Artikel Lainnya Dibawah ini