Cara Buat Round Header *macam eyra

Friday, May 4,13:06 | 5 notes

hari nie nak ajar cara buat round header..
dengan round header nie...header korang nmpak rapat mcm nie :



eyra guna dua aplikasi..gimp2 dan juga photoscape....
image header nie brtujuan untuk nmpakkan body blog korang bercantum dgn header korang... 
[ Part 1 ] dan [ Part 2 ] adalah cara nk edit blog..kemudian,boleh la create header nie...ikut step ye


1. Mula-mula buka dulu GIMP
2. Klik File
3. Klik New

Automatik keluar tab mcm bawah nie :


4. Adjust Width *makesure sama lebar dengan body blog ye..*
5. Klik Advanced Options
6. Klik pada File With dan pilih Transperancy .. *cth mcm gambar bawah*

» Yang penat menaip :

Edit Template Macam Eyra Part 2

,11:13 | notes
alang-alang dh ade masa tu..hari nie eyra nk ajar macam mana nak buat header bersambung dengan body blog...sebelum tu,korang kena lah tukar dulu template korang kepada denim template...
caranya boleh la rujuk kat [ Part 1 ]
korang boleh laa ikut perlahan-lahan ye...kalau tak faham,di alu-alukan bertanya


Dashboard > Design > Edit HTML

1. Cari kod  #header-wrapper {  .. buang semua anak-anak kod dibawah kod kita cari,dan gantikan dengan kod yg eyra beri :





margin:0;
padding: 0;
background-color:transparent;
text-align: $startSide;
}




2. Kemudian, cari kod #header .. buang semua anak-anak kod dibawah tu dn gantikan dgn kod nie :





width: 870px;
margin: 0 auto;
background-color: transparent;
border: 1px solid transparent;
color: transparent;
padding: 0;
font: normal normal 210% Verdana, Arial, Sans-serif;
}




Take Note :
BIRU : korang ikut lebar / width pada kod #content-wrapper .. make sure sama..

nnti korang punya header jadi rapat mcm eyra ^_^ .. tapi,mcm mane pula nk buat round header macam eyra? jom terjah [ SINI ]

» Yang penat menaip :