Comment Box Makeover

Pernah tak rasa comment box korang semua boring ? Putih dan memboringkan . *cehh ! cakap orang , padahal sendiri punya tak mekap-2 kasi lawa pon . HAHA ! . So harini kita belajar untuk memekap-mekapkan comment box kita yang lama ni :) daripada ini ..

kepada ini ..

Okay ! korang semua , sekarang ikut step TuTo Afiq :)

 Dashboard > Settings > Comments dan pastikan anda sudah tick pada "Embedded Post Below" di bahagian Comment Form Placement macam ni 

 Then , Pergi Dashboard > Design > Edit HTML > Expand Widget Templates dan cari code ini (CTRL + F)

]]></b:skin>

 Lepas tu copy semua code dekat bawah ni . (Highlight dan tekan CTRL + C)

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#333333 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;


padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid  #CCCCCC;
}
#comments-block .comment-body{
margin: 0;

font-size: 17px;

border-left: 1px solid  #CCCCCC;
border-right: 1px solid  #CCCCCC;
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  #CCCCCC;
border-right: 1px solid  #CCCCCC;
border-bottom: 1px solid #CCCCCC;

-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:  #CCCCCC !important;
}
#comments-block .comment-footer a, .comment-body a{
color:  #FF0099 !important;
}

 Optional : Nampak tak code yang berwarna merah-merah dekat atas tu ? Itu cade yang boleh ditukar-tukar color dia ikut suka awak . Code color tu boleh dapat dekat Sini .

 Lepas copy code tu , tampalkan code yang dah dicopy tu dekat Atas code 

]]></b:skin>

yang sudah dicari dalam step satu :)

 Picit save tamplate dan kamu sudah berjaya me-mekapkannya .

BTW Selamat Mencuba :)

---

Thank you for reading :*

---