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{kalau u'll nak ubah kaler bahagian comment box neyh,cari je colorcodeHTML disini.|ColorCodeHTML|.
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;
}
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
terima kasih atas tutorial yg diberi...saya dah apply kat blog sy
ReplyDeletesmart la akak..huhu
ReplyDelete@umiliza989 ur welcome dear...tgk2 tutor yg lain juga k. :)
ReplyDelete@Matika mekaseh mamat :)
ReplyDeleteakak knp xjadik pun...sob3
ReplyDelete@aziecuba tengok ur code again..betul tak letak code yg akak beri tu?..tak terdouble?..try chech yer syg...nnti inform balik yer.
ReplyDeleteJadi tu jadi tapi kotak komen yg lame ade jugak.. jadi doubled komen. :[ waa tolong
ReplyDelete@Azhunk Awang..kotak komen lama,kena buang dear..mayber double code,so detect la tu.....cek balik k :)
ReplyDeletetq sbb sudi share..dh wat..tp step 6 xleh la plak..sangkut kt ctu.. :(
ReplyDeleteTerima Kasih atas komen anda.
Eca akan balas & terjah anda secepat mungkin.
*-*