Tutorial Cute kotak komen

hari ni saya rajin...rajin tuk wat tutorial ..
yebeddoooo!!!!!
hari ni ajar jorang cara-cara nak wat komen korang tu lagi comel..
macam tuannyer...blwk!!!..hehe

jom kita start!!!!!


1. Dashboard > Design > Edit Html > Tick expand widget template

2. Cari code bawah neh :

]]></b:skin>
3. Lepas tu ,korang kena copy dan paste code ni di atas code ]]></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;
}

4. Warna merah tu korang tukar je color yang korang nak . Sesudah siap , korang kene pegi Settings then Comment

5. Tick untuk comment seperti gambar kat bawah ni..




6. Save dan lihat hasilnya...jeng..jeng.....

like..like...like...jika suke!!!!!

terima kacehh!!!

da belajar tu,tingalkan komen tanda terima kasih dan berpuas aty k..

tak baik taw curik-curik belajar tanpa berterima kasih..


saya gembira anda komen :-)

1 orang tengah mencarut:

αкмα нαℓεε∂α said...

cik cemoxx..macih eak ajar akma sume =)..
suke tutorial yang cik cemoxx buat,,