tutorial:edit minima template


Lets began.ari ni fana nak buat tuto mcm mne nak edit minima template.

1.First,korang pergi Design > Edit HTML > Select Layout Template > Minima Template > Save




2.Klaw nak template mcm fana yg boleh buat header mcm fana ni,nampak background,ni cara dye.

3.Pergi Edit HTML > cari code ni.

#outer-wrapper {


4.Gantikan dengan code ni.

clear {

clear: both;

}

#content-wrapper {

width: 800px;

margin: 0 auto;

padding: 0 0 15px;

text-align: left;

background-color: #ffffff;

margin-top: 0em;


Padding:25px; /* Jarak text post dengan garis pinggir */

}

5.Save.adjust die punye width ---------> credit:fatihah

6.Sekarang kite buat header bersambung dengan body pulak.

7.Mule2 cari code ni.

#header { 

8.Pastu tukar yang 5px tu ke -10px ataw -13px.

9.Tukar yang 1px ke 0px.


10.Then bukak gimp.


11.Klik advanced.tukar fill with tu kepade TRANPARENCY.klaw width body korang 700,header mesti      750.sebab nanty xsame.klaw 800 kene setting header 850.

12.Pastu korang tekan button Rectangle Select Tool

13.Korang buat petak kat situ.just buat setengah je.pandai2 lah paham.fana pown xtaw nak explain mcm mne. 
14.Korang nampak x ade line kat situ? xnampak?buat2 nampak sudah.tekan paint brush tool.then pilih warne putih.pastu colour kan.


15.Save as > Tukar jadi PNG


16.Pastu korang g photoscape.buat header korang.bukak header yg korang buat tadi tu.klaw nak tambab gambar pada header pastikan gambar tu di transparentkan dulu..TENGOK TUTO FANA ADE CARA2 DIE.

17.Pastu upload kan header tu ke blogger.

REFRESH...

@ kan fana ade cakap pasal width header kan ? body korang 700.then korang kene setting kat EDIT HTML tu 750..

TUTO NI AGAK PENING SEBAB FANA XTAW NAK EXPLAIN.PENING.XPAHAM TANYE

18 comments:

Unknown said...

kak , sy bru lepas buad minima template neh , tapi ada border kat header sy . mcm mana eh nak buang border tuh ? nampak buruk lah .

farhana che'nasa said...

template designer>advanced>border colour>transparent =)

Unknown said...

tengs kak :)

FASIHAH ♥ said...

Hehe , ty akk farhana ( ;

farhana che'nasa said...

@FASIHAH ♥welcome

Unknown said...

tq akak !! akhirnya !! menjadi !! sayang akak !! <3

farhana che'nasa said...

@Wawa Minus welcome =)

Unknown said...

akak , nak rapatkan yg header bawah tuh ngan gambar macam mane erk ??

sherah bee said...

kak . nk cri advanced tu kt ner erk ? adeh . pening2.

farhana che'nasa said...

@sherah beedesign > template desinger > advanced

MizZ JojO said...

ape 2 gimp ??

▲tikaℍ ▲ℍ said...

thanks. da jadi da. :)

NQC. said...

aku sedikit tah paham ah dgn gimp . mcmna nak cari? =='

Wahida Aris said...

akak mne nk klik advanced kt gimp uh?

Vio Rara said...

sy tak bole lepas guna rectangle tuh .. :((((..ta retii.. jd len..

Eyka Melysaa said...

akk ? yg buad petak kat gimp tu , npe dea ta melengkung ? cmne na bgy jdi melengkung ea ?

Anonymous said...

gimp tuh ape??

dollylurve said...

mcm mna nk bg lengkong bhgian ats ja??
yg kt bwah 2 ttap petak..
kt step no 14 tuh..
ajar jp..