Tutorial : Cara meletakkan background di tajuk post dan sidebar post
korang tahu tak apa itu background ? oke, latar belakang lah kan ? so here this azza nak tunjuk dekat korang macam mana nak letak backgroung dekat sidebar post, post date and main post. senang sahaja,
contoh background seperti ini .
log in blog > dashboard > design > edit HTML dan search h2 { untuk background date and sidebar .
okay, di bawah dia korang hanya perlu tambah code ini,
( untuk none background, means boarder aja, cam azza guna nie )
dan untuk background, korang hanya perlu tambah code ini :
manakala untuk tajuk post pulak korang perlu cari :
h3.post-title { atau tak jumpa yang itu, korang boleh search : post-title {
sama jugak, korang hanya perlu add
dan untuk background :
contoh azza bagi yang azza punya .
dan satu lagi
dah puas hati ? apa lagik ? save sahaja, kalau jadi tinggalkan komen ye, tak jadi pun tinggalkan komen tau, haha.
contoh background seperti ini .
log in blog > dashboard > design > edit HTML dan search h2 { untuk background date and sidebar .
okay, di bawah dia korang hanya perlu tambah code ini,
border: 2px DOUBLE #F660AB;
border: 3px DOUBLE #F9B7FF;
}
( untuk none background, means boarder aja, cam azza guna nie )
dan untuk background, korang hanya perlu tambah code ini :
background:url('code GIF korang')
manakala untuk tajuk post pulak korang perlu cari :
h3.post-title { atau tak jumpa yang itu, korang boleh search : post-title {
sama jugak, korang hanya perlu add
border: 2px DOUBLE #F660AB;
border: 3px DOUBLE #F9B7FF;}
dan untuk background :
background:url('code GIF korang')
contoh azza bagi yang azza punya .
h3.post-title {
text-align:center;
margin: 0;
padding: 0;
font-weight: none;
line-height: 2.0em;
font-size: 20px;
background:#F9A2BE;
}
dan satu lagi
h3.post-title {
margin: 0;
padding: 0;
font-weight: none;
line-height: 2.0em;
font-size: 20px;
text-align:center;
background:background:url('code GIF korang');
}
dah puas hati ? apa lagik ? save sahaja, kalau jadi tinggalkan komen ye, tak jadi pun tinggalkan komen tau, haha.
Love,
good tutor azza :)
ReplyDeletethanks for sharing
ala, nak buat tp blog akak mcm berat sgt dah. xberani nak edit bagai neh. huhu.
ReplyDeletedie punyer font tuh bsar sgtlah kak azza...
ReplyDeleteklau nk kecikkan bleh ke ?
yg first skali tuh .. ;)
ReplyDelete@puteri ain
ReplyDeletehehe, welc akk :)
@noraim
ReplyDeletealololo siann akk, pepandai eh seimbang belog :)
@sYaSyA uMaIrAh
ReplyDeletepandai edit okelah sygg :) boleh je :))
i x pandai . . . hehehe . . tolong ajar boleh x? chumel la ur background . .
ReplyDelete@syada729
ReplyDeletehehee, ajarkan ? :) btw, thanks
x jadik! hurmm
ReplyDeletejadi lagi ! yeayy ! mekaseh azza ! kebetulan plak kaler mmg matching , so tapayah tukar code kaler lagi dah . cume tulisan je tukar but still , osem ! =)
ReplyDelete@aleeya nurzareen
ReplyDeleteerk erk tak jd ?
@Nurul uNaz
ReplyDeletehehe, tahniah, welc :)
makaceh toturialnya sudah follow awak :)...jom lepak di blog workshop girl http://workshopgirl86.blogspot.com/ dan follow...
ReplyDeletethanx toturialnya :)
ReplyDeleteTHX AZZA :)
ReplyDelete@Garlue
ReplyDeletewelc :D
jom singgah sebentar diblog sy..
ReplyDeletejom singgah di http://ciklalink.blogspot.com
ReplyDelete@cik oggy mucux
ReplyDelete:D
@s
ReplyDelete:D
hey . kalau dalam html tu takde h2{ ? mcm mna eh ?
ReplyDeletethanx <3
ReplyDeleteThanks for your tuto.. help me a lot
ReplyDelete@rajajim cari coding selepas code h2
ReplyDelete@ayda suke pink welcome :)
ReplyDelete@Erni Hasmiza welcome :D
ReplyDelete