Tutorial : Cantikkan Comment Box

Assalamualaikum ! Yeay ! Tutorial again ! :) Direqeust oleh Akak Athirah :') Credit Whitey Mommy

Ni Contoh Comment Box tuh. Lawakan ? Haa...Macam Ainaa punye lah . Haha . So, hari ni nak share dengan korang macemmana nak buat Comment Box jadi cantik ! So let's get start it !

1) Dashboard >> Settings >> Comment

2) Tick Embedded Below Post dibahagian Comment Form Displacement ; Ikot gambar bawah. Dah siap ? tekan Save Settings .

3) Dashboard ↪ Design ↪ Edit HTML ↪ Tick Expand Widgets
Cari kod dibawah ( CTRL + F )

]]></b:skin>

4) Copy Code dibawah dan pastekan Code nih diatas atau sebelum ]]></b:skin>

#comments-block{
margin:0;
padding:0;
}

#comments-block .comment-author{
background:#000000 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
}

#comments-block .comment-body{
margin: 0;
font-size: 16px;
border-left: 1px solid#000000;
border-right: 1px solid#000000;
margin-top: -5px; /*position*/
padding: 5px;
}

#comments-block .comment-footer{
margin:0;
font-size: 12px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-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:#000000 !important;
}

5) Gantikan Code #000000 tuh dengan colour yang korang suka. Boleh tengok colour kat sini : Rainbow

6) Kemudian, boleh la korang tekan button Save Template kalau tak de masalah . .