Cara Mencantikkan Kotak Komen



Langkah-langkah mencantikkan kotak komen:

1. Sign blog anda.
2. Klik Design.
3. Klik Edit HTML.
4. Klik tanda pada kotak “Expand widget template”.
5. Cari kod ini ]]></b:skin>.
6. Copy kod dibawah dan paste sebelum kod ]]></b:skin>.

#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;
}

7. Save.
8. Sebelum anda tengok hasil, Klik settings/posts and comments.
9. Tick popup window or apa2 je selain embedded.


10.Save settings, lihat hasilnya..:p

Nota :Teks warna merah adalah kod warna...untuk melihat kod warna, klik disini


0 comments:

TinGaLkan Jejak