Entry Baru

Friday, October 28, 2011

tutorial cantikkan kotak komen

macam kat atas nie k..kalo nak jom kita start wat..
!
!
!
v
step 1 : 
Dashboard > Design > Edit Html > Tick Expand widget

step 2 : 
cari code nie..
]]></b:skin>

step 3 : 
copy code nie & paste kat atas code yang kita cari tadi..

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


warna merah untuk bahagian pengomen.
warna biru untuk border.

Post a Comment