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..^^