Tutorial : Cantikkan Kotak Comment Anda

assalamualaikum dan salam sejahtera anda semua .. entry selanjutnya ni bertemakan tutorial untuk anda semua supaya blog anda tu semakin cantik dan semakin menarik minat orang untuk membacanya ..


baik lah, hari ini saya akan kongsikan cara untuk mencantikkan kotak komen di blog anda sebagaimana yang tertera di gambar .. klik gambar untuk lebih jelas ..

okay direct to the point, mula-mula pergi ke Dashboard>Design>Edit html>Tick Expand Widget Templates .. tekan ctrl+F dan cari :

]]></b:skin>

kemudian, copy code dibawah sebelum code tu :


#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FAAFBA !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #ffffff;
}
#comments-block .comment-body{
margin: 0;
font-size: 17px;
border-left: 1px solid #FCDFFF;
border-right: 1px solid #FCDFFF;
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 #FCDFFF;
border-right: 1px solid #FCDFFF;
border-bottom: 1px solid #FCDFFF;
-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;
}

p/s : 

  • Tulisan warna biru adalah code warna untuk bahagian nama orang yang komen ..
  • Tulisan warna merah adalah code warna untuk border kotak bahagian kotak komen ..
  • anda juga boleh menukar kaler tu mengikut kehendak anda .. Untuk melihat code warna, sila tekan kat SINI
  • Kalau tak nak guna edit html, boleh je pergi dekat template designer > add css. Kemudian, copy dan paste kan code step 2 dekat add css .. Kemudian save .. Lagi senang ..
kemudian klik preview, tengok ada error ke tidak .. kalau takde, boleh la save dengan hati yang tenang ..

4 comments.. read them below or add one

Nurul Mazni Sawal Nurul Mazni Sawal30 September, 2011
macam mane nk bagi gmbar orang yang komen ade balik yer?? sy nye hilang :(
Nurul Mazni Sawal Nurul Mazni Sawal30 September, 2011
huhuhu..yang tu memang ade.. yang tak der, cuba awak bukak mane2 entry saya, scroll sampai bawah kat bahagian komen.. yg siap ade button reply semua tu.. kan tak der gmbar orang yg komen..
Azera Aziz Azera Aziz12 September, 2012
Salam...

Baguslah entri ni...

Azera ajak jemput join giveaway..Meh le meriahkan lagi suasana....TQ

www.azerawati.com

Bagaimana Pula Pandangan Anda?