(UPDATE) Macam mana nak lawakan comment box?

selamat pagi.

signup twitter dan churp churp untuk bukan bloggers. anda boleh earn duit dari bertwitter dan berfacebook je ! ;p

haaa seronok lah semua peminat shahir lepas bakal suami i dapat hadiah lumayan lepas jadi juara af8. fuhh terima kasih kepada semua peminat suami ai, sebab tanpa kalian tiada lah shahir menjawat jawatan yang sungguh cemerlang AGAGAG.

ehem kecewa juga sebenarnya sebab ai pun tak gradd lagi walhal i belaja 3 tahun, bakal suami ai cuma belajar 3 bulan pun dah grad siap dapat hadiah lumayan kemain (T_T) tak apa lah nanti i boleh berkongsi dengan dia AGAGGAGA

okay okay. ada pembaca tanya i, macam mana nak buat kotak kotak macam kotak box ai yang berwarna pink kuning tu. terima kasih banyak kepada ailyl yang ajar i macam mana nak buat :P tapi sebelum tu , ai buka pemohonan untuk 10orang. kalau tak cukup 10orang i tamo buat tutorial

AGAGAGAGAGGAA T_________T

kejam tak? ;p

okay macam biasa.

1.Login ke Dashboard--> Layout- -> Edit Html

2.Click Check pada "Expand Widget Templates"

3.Cari kod di bawah ini (Ctrl-F):

]]></b:skin>

4. paste code ini di atas arahan ke 3.

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

5. save.

6. edjas bahagian settings > comments > cari seperti gambar di bawah and save :)

7. lepas tu cuba lah tengok hasil dia :P

cepat cepat, tawaran terhad. sepuluh orang yang rekues baru i buat tutorial. HA HA HA HA HA HA HA HA ;p