Tutorial cantikkan COMMENT BOX

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 :)

Post a Comment

9 Comments

  1. terima kasih atas tutorial yg diberi...saya dah apply kat blog sy

    ReplyDelete
  2. @umiliza989 ur welcome dear...tgk2 tutor yg lain juga k. :)

    ReplyDelete
  3. akak knp xjadik pun...sob3

    ReplyDelete
  4. @aziecuba tengok ur code again..betul tak letak code yg akak beri tu?..tak terdouble?..try chech yer syg...nnti inform balik yer.

    ReplyDelete
  5. Jadi tu jadi tapi kotak komen yg lame ade jugak.. jadi doubled komen. :[ waa tolong

    ReplyDelete
  6. @Azhunk Awang..kotak komen lama,kena buang dear..mayber double code,so detect la tu.....cek balik k :)

    ReplyDelete
  7. tq sbb sudi share..dh wat..tp step 6 xleh la plak..sangkut kt ctu.. :(

    ReplyDelete

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