Tuesday, 3 June 2014

Tutorial : Cara Nak Centrekan Header


Assalamualaikum. Hye! Tak tahu kenapa kali ni Syaza rajin nak buat tutorial.. hehe..
Entri kali ni pasal macam mana nak Centrekan Header..
Nak tahu macam mana caranya? Mari tengok step yang Syaza ajarkan kat bawah ni...

1. Mula2, korang pergi dekat Dashboard > Design > Template > Edit HTML > Edit Template

2. Pastu korang tekan Ctrl + F dan cari code /* Content Tekan ENTER dan dia akan keluar highlight warna kuning macam kat bawah ni...


3. Kemudian, korang copy lah kod kat bawah ni...

.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

4. Pastu korang paste kan ATAS code /* Content . Tengok contoh kat bawah ni...


5. Eh, jangan save dulu. PREVIEW TEMPLATE dan tengok samada menjadi ke tak.

6. Bila dah preview, tekan SAVE TEMPLATE. Ok, dah siap!

Faham tak? Kalau faham, bagus! hehehe..

No comments:

Post a Comment