Tutorial : Header with Box { Designer }
Assalamualaikum and annyeonghaseyo. Sepatutnya tieqa dah start hiatus. Tapi untuk hari ni tieqa nak publish beberapa tutor yang direquest, sblum balik hostel esok. Okay, hari tu tieqa dah buat tutor ni untuk template classic CLICK. Kali ni untuk template simple pulak.
1. Dashboard > Layout > Add Gadget > HTML/JavaScript
2. Copy code dekat bawah ni
<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:5px;border-radius:0px 0px 0px 0px;border:2px solid #FFDFEA;background: url(BACKGROUND);">
<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FFDFEA;border-bottom:none;background-repeat:no-repeat;background: url(URL HEADER);"></div><br>
</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:30px solid #FFDFEA;border-right:30px solid #FFDFEA;width:600px;height:40px;">
</div>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:5px;border-radius:0px 0px 0px 0px;border:2px solid #FFDFEA;background: url(BACKGROUND);">
<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FFDFEA;border-bottom:none;background-repeat:no-repeat;background: url(URL HEADER);"></div><br>
</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:30px solid #FFDFEA;border-right:30px solid #FFDFEA;width:600px;height:40px;">
</div>
3. Paste dekat bahagian HTML/JavaScript
4. Preview & save.
Biru : background header
Pink : URL header
Oren : warna border header
Hijau : Lebar {width}
4 comment [s]:
Dah jadi.TQ kak Tiqa :)
akak , kalau template denim ?
re-post ya kak. Credit siap!
Tak jadi pun ? T T header ni kat dlm content blog.bukan dkt atas content T T
Post a Comment