tutorial #44 :Customize Embedded Comment Background

Hi .Aku rasa maybe tutorial ini ramai yang tunggu kan ?Okay mintak maaf sebab lambat gila buat tutorial yang ni . . Sekejap .Kepada sesiapa yang before dia da ada buat comment box yang jenis lain tuh rasanya sila la padam . Carik balek code comment box lama and padam .Tak tahu refer sini .Okay jom mula

1Dashboard>Design>Edit html

2Cari code sebegini rupa
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


rasanya terletak dibawah /* Comments

3Da jumpa ?Delete code tuh and gantikan dengan code yang ni
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;
}
.deleted-comment {
font-style:italic;
color:gray;
}

4Yang warna merah tuh pandai2 la korang buat sendiri pakai speech balloon kt photoscape tuh kalau ada . kalau tak tahu pakai je code yang tuh okay . Thats all . Credit to amoi
:156:

12 comments:

The Nerd said...

thanks ! :D

Nur Iman said...

bckground wrna len xde ker

Edriana Feehily said...

Thanks a lot ! :)

aya dayana♥ said...

aya guna tutor nie
tengs tau♥

Loretta Alenie said...

love it^^thankz...

aWatif azmi said...

thnx apit!u're such a kind boy!!:P

bdk sekolah said...

wah~~ jdk la apit..thnx bebyk !

eyla elarine said...

nak copy mcm mna ? xley copy ni !

Scha dolce said...

Tak jadi ponn ? Tak jumpe ponn kod tuh :(

Haniputeri said...

Macam mana nak tukar colour tulisan?
Boleh tolong tak?

LiLi said...

bole tolong ta? ta jumpe la code uh..cmne ea?

Maizatul Hamra said...

Thank you Apit! ^^

Subscribe