Feb 10, 2011

mencantikkan kotak komen/ comment box

Semalam ada orang tanya, macam mana nak buat kotak komen tu ada background. So, here i am! Nak kongsi sikit ilmu yang ada ni walhal tak terrel mana pun..haha..Orang cakap kannnn...tak baik kedekut ilmu. Bila kita share ilmu yang ada ni, ilmu kita pun akan bertambah- tambah. Betul ke? betul ke? ORANG cakap ekk..bukan aku ekk tapi aku setuju gak dengan statement tu..hehe. Rasanya inilah yang dimaksudkan oleh beliau...



Kalau designer template tu baik hati, mesti dia ada buat box untuk kotak- kotak komen. Tapi kalau tak ada, tak bermakna dia jahat! Tak pasal- pasal aku kena report sebab cakap yang bukan- bukan pulak, huhu. Akey, macam mana nak buat kotak komen kita ni ada background dan border?

Mula- mula...

Dashboard--> Design--> Edit Html--> Tick Expand widget--> klik F3


Cari code ni
]]></b:skin>


Kemudian, copy code ni dan paste kan di atas code ]]></b:skin>

#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;
}

Siap! hehe..Haiiipppp...belum lagi tau! Warna background kat atas ni warna pink dan mesti yang ada tak suka kan? So macam mana? Tulisan berwarna berwarna hijau tu warna background korang dan yang berwarna biru tu pulak warna tulisan korang. So pandai- pandailah adjust k? Boleh rujuk sini<--. 

Kalau tutorial ni membantu korang, sudi- sudilah komen dan menyumbang seposen dua..^^



18 comments:

  1. bagus3... boleh di praktikkan...heee

    ReplyDelete
  2. dik..haha...banyak kak yati belajar buat dari blog adik..nanti mau tanya banyak2 lg..hehe

    ReplyDelete
  3. @NurHeaRt,ty ja kak..klo ika tau insyaAllah ika tlg gak ;p

    ReplyDelete
  4. best shangt la.. tgk ye pnye belog ni..huhu
    mekaseeeh~

    ReplyDelete
  5. sob sob...dah cuba sume ttorial pasal ni..tp still tkleh gak..nk kata setting pd comment, da betul da..huwaaa..tensen

    ReplyDelete
  6. @Cik Aish,yker? wahh..ciannya..erm, ape probs dia ek? =.="

    ReplyDelete
  7. bleh tolong? tau x mcmna mau letak avatar dengan nama penulis komen, di bawah komen?. aku ada buat.. tapi avatar tu x selari dengan kotak komen.. huhu..

    ReplyDelete
  8. cantik,,,done it...
    terima kasih...

    ReplyDelete
  9. dah pakai n menjadi. thanks ya. >.<

    ReplyDelete
  10. pasal kotak komen mang merunsingkan buat saye newbie blogger hmmm....

    ReplyDelete