assalamualaikum dan salam sejahtera anda semua .. entry selanjutnya ni bertemakan tutorial untuk anda semua supaya blog anda tu semakin cantik dan semakin menarik minat orang untuk membacanya ..
baik lah, hari ini saya akan kongsikan cara untuk mencantikkan kotak komen di blog anda sebagaimana yang tertera di gambar .. klik gambar untuk lebih jelas ..
okay direct to the point, mula-mula pergi ke Dashboard>Design>Edit html>Tick Expand Widget Templates .. tekan ctrl+F dan cari :
]]></b:skin>
kemudian, copy code dibawah sebelum code tu :
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FAAFBA !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #ffffff;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 1px solid #FCDFFF;
border-right: 1px solid #FCDFFF;
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 #FCDFFF;
border-right: 1px solid #FCDFFF;
border-bottom: 1px solid #FCDFFF;
-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;
}
p/s :
- Tulisan warna biru adalah code warna untuk bahagian nama orang yang komen ..
- Tulisan warna merah adalah code warna untuk border kotak bahagian kotak komen ..
- anda juga boleh menukar kaler tu mengikut kehendak anda .. Untuk melihat code warna, sila tekan kat SINI
- Kalau tak nak guna edit html, boleh je pergi dekat template designer > add css. Kemudian, copy dan paste kan code step 2 dekat add css .. Kemudian save .. Lagi senang ..
Liza @ Adzriel AB30 September, 2011
