Tutorial Blog | Cantikkan kotak komen

Salam to all readers..


Tutorial kali ini, direquest oleh readers blog dil, yang nak sangat dil tunjukkan cara nak cantikkan kotak komen macam kat bawah ni..

Step 1

Pergi dekat

Dashboard>Design>Edit html>Tick Expand Widget Templates

Cari code ini

]]></b:skin>

Step 2

Copy code kat bawah ini dan letakkan sebelum code step 1

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

}

Cuba preview.. Kalau tak ada error, boleh la tekan button save dengan senang hati..^^

Tips: 

• Tulisan warna biru adalah code warna untuk bahagian nama pengomen..
• Tulisan warna merah adalah code warna untuk border bahagian kotak komen.
• Korang bolehla menukar warna kotak komen, mengikut warna yang korang nak..Untuk melihat code warna, sila tekan kat SINI
• Kalau korang tak nak guna edit html, korang boleh pergi dekat template designer > add css. Kemudian, copy dan paste kan code step 2 dekat add css..Kemudian save..Lagi senang..^^

nota kaki:

kalau tak faham, bolehla tanya dil..

kalau nak request tutorial, boleh jer..