Tutorial - Comment box makeover
Apa bende binatang ni.? Ni hah binatangnye....
Komen box korang nk ade warne and nmpk cantek and menarik jugklh. Kalo yg lamenye xde warne langsung. So kalo nk nmpk interesting skit comment box korang meh belajar dgn cikgu..
1. Pergi Dashbord>Setting>Comment dan pastikkn anda sudah tick pade 'Embeded Post Below' di bahagian 'Comment Box Placement'
2. Pergi Design>Edit HTML plak then tick pade 'Expand Widget Template' dan carik code dibawah ni (CTRL+F utk lebih mudah.)
]]></b:skin>
3. Then lepas dh cari copy plak (CTRL+C) code dibawah ni then paste (CTRL+V) di ATAS code di atas ni (]]></b:skin>)
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#333333 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #CCCCCC;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
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 #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
-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: #CCCCCC !important;
}
#comments-block .comment-footer a, .comment-body a{
color: #FF0099 !important;
}
NOTE: Nmpk tulis yg berwarne merah tu, itu korang BOLEH tukar dgn mnggantikan dgn code2 warne yg lain ikut citerase sendiri. Korang boleh pilih code warne yg trdapat di sini
4. Lepas itu SAVE lah. X boleh PREVIEW cuz hanye dpt dilihat di komen anda sahaje.
KELAS TAMAT...!!!!
