Cantikkan Kotak Komen 1

Salam korang semua.Tanpa membuang masa korang jom kita belajar cara nak cantikkan kotak komen.Mungkin ramai yang dah tahu pasal tutorial ini kan?OK.Bagi yang dah tahu itu bagosla.Tapi yang masih tak tahu pasal tutorial ini,jom kita tengok sama-sama contoh ini.

Tukarkan menjadi macam ni ^_^

1.   Dashboard>Design>Edit HTML>Tick Expand Widget Templates

2.  Cari kod ini:(Tekan Ctrl F serentak untuk mencari)

]]></b:skin>

3.   Kalau dah jumpa ,Copy kod di bawah ini pulak

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

3.   Paste di ATAS kod yang korang cari tadi.

Yang dibirukan,korang boleh tukar kepada dotted ataupun dashed 
Yang dimerahkan,korang boleh tukar kepada warna kesukaan korang.Nak cari pelbagai warna boleh KLIK DI SINI

4.  Save.

5.  Bila dah save, korang kena setting ini dulu:

Pergi ke Settings> Comments>cari Comment Form Placement>tick Pop-up window >Save

6.View. Semoga berjaya^ ^

>sumber<