Tutorial cantikkan COMMENT BOX


Assalammualaikum

Cantikkan comment box anda agar ianya lebih comel dan mengikut citarasa anda.Jom study =)




lawa tak?..oke,jom kita try buat pula k.

step 1: Dashboard - Design - Edit HTML.
step 2: Klik Expand Widget Templates.
step 3: Cari kod ini.(guna Ctrl+F je.)
 ]]></b:skin>
step 4: Copy kod dibawah ini,then paste sebelum kod diatas.

#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;
}
kalau u'll nak ubah kaler bahagian comment box neyh,cari je colorcodeHTML disini.|ColorCodeHTML|.

step 5: Preview & Save.
step 6: Sekarang pergi ke bahagian SETTINGS -Post & Comments - COMMENTS -Comments Location - Klik Embedded Below Post.




step 7: Save Settings oke :)

{ 9 comments.. read them below or add one }

umiliza989 umiliza989 25 March, 2011
terima kasih atas tutorial yg diberi...saya dah apply kat blog sy
Matika Matika 28 March, 2011
smart la akak..huhu
ecadwinkyasha ecadwinkyasha 02 April, 2011
@umiliza989 ur welcome dear...tgk2 tutor yg lain juga k. :)
azie azie 04 May, 2011
akak knp xjadik pun...sob3
ecadwinkyasha ecadwinkyasha 04 May, 2011
@aziecuba tengok ur code again..betul tak letak code yg akak beri tu?..tak terdouble?..try chech yer syg...nnti inform balik yer.
Azhunk Awang Azhunk Awang 15 October, 2011
Jadi tu jadi tapi kotak komen yg lame ade jugak.. jadi doubled komen. :[ waa tolong
ecadwinkyasha ecadwinkyasha 15 October, 2011
@Azhunk Awang..kotak komen lama,kena buang dear..mayber double code,so detect la tu.....cek balik k :)
dalila dalila 04 June, 2012
tq sbb sudi share..dh wat..tp step 6 xleh la plak..sangkut kt ctu.. :(

Terima Kasih atas komen anda.
Eca akan balas & terjah anda secepat mungkin.
*-*