Saturday, July 31, 2010

Tutorial ; Customize Comment Box



before
after

Step 1 : Design > Edit HTML > Expand Widget Template

Step 2 : Search code di bawah
]]></b:skin>

Step 3 : Copy + paste code ni kat atas code di atas tau
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FBBBB9 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;


padding:5px;

font-size:12px;

font-weight:bold;

border:1px solid  #ffffff;
}
#comments-block .comment-body{
margin: 0;

font-size: 12px;

border-left: 1px solid  #ffffff;
border-right: 1px solid  #ffffff;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 10px;

font-weight: normal;

margin-bottom: 10px;

border-left: 1px solid  #ffffff;
border-right: 1px solid  #ffffff;
border-bottom: 1px solid #ffffff;

-moz-border-radius-
bottomright: 10px;
-moz-border-radius-bottomleft: 5px;

margin-top: -12px; /*position*/

padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:  #F52887 !important;
}
#comments-block .comment-footer a, .comment-body a{
color:  #F52887 !important;
}

Step 4 : code yg kaler merah tu korang bole tukar . actually tu kod utk kaler box & font comment korang . pilihan kaler bole tengok kat sini okayy :)

Step 5 : save la ! hehe .

so , camane ? jadi tak ?

p . s ; credit to CAHAYA .


Kasi komen sikit k?

14 comments:

laGenDA KodOk HijAU said... [Reply]

tq..kerana tunjuk hajor.. dan kodok nak cakap lak

I am Not Blog Walker Only But now I Am you loyar reader.. okeh bebeh

Unknown said... [Reply]

@kodok hijau the ghost writer same same . thanks jadi follower ! :)

Unknown said... [Reply]

banyaknyer tutorial, satu pown saye x faham~~ hehehe! bleh bg private tutorial x?? hahaa!

Unknown said... [Reply]

@mazeermohamad tutorial ni kire tips tuk customize blog kau . pe yg kau tak paham ?

Sarah Ramora :] said... [Reply]

hee sangat comel :) thanks for showing, nak buat lawh! thumbs up! :D

Unknown said... [Reply]

@Sarah Ramora Rosli thanxx :) yeahh , buat okayy ;D

Unknown said... [Reply]

Hello-Hello
huhuhu~
firstly, i love your blog..
so much! honestly. ^_^

eemmp,
i hve touble with this code.huhuhu..
can help me out?
dunno what or where to put..
u mean just paste or what?

I Need Help Here.

Unknown said... [Reply]

@黃清衛 thank you so much ! ;) malula I . haha . gedik plak ! okayy , bout that code , you paste it ABOVE the previous code that you've already search . . . anything else , just ask me okay ^^

Anonymous said... [Reply]

Hi buddy, your blog' s design is simple and clean and i like it. Your blog posts are superb. Please keep them coming. Greets!!!

Unknown said... [Reply]

@Anonymous Thank you so much for your support ^^

Wαwα Wiwi said... [Reply]

thanx ! saya suka sangat ! cumaa...saya nak dotted yang ade kat tepi tepi tu macam akak jugak..haha!
btw..nak request tutoo buleh ?
camne nak tukaa font ekk ?
saya dah cuba banyak tutoo tapi tak jupe pon code nyee~

Unknown said... [Reply]

@Wαwα Wiwi dotted line tu tukarkan 'solid' kpd 'dashed'. yang pasal tutor tu insyaallah bole.. tp memang susah cket nak tukar tulisan dlm blog.. tp akak try k ;) tp kena tggu akak abes examla, bole?

nabilameera said... [Reply]

thanks . dh jadi :)
follow u :)

Unknown said... [Reply]

@nabilameera great :) thanks follow ya! keep in touch! :D

 
back to top Blacy Smiley - Haha Bucktooth