Tutorial : Centerkan Header


Annyeong..
Hye.. Hello..
Today, Zety nak buat tutorial bagaimana
nak centerkan header..
Ada 2 cara..

Nak tahu macam mana?
Follow step di bawah ini ye?

Cara Pertama

1. Dashboard > Design > Edit Html

2. Tekan Ctrl+F, dan cari kod di bawah ini



#outer-wrapper {

3. Then, ada tak lepas kod yang korunk cari tu, ada kod ni kn?


background:#FFFFFF;

width: 1000px;

# Itu sebagai contoh sahaja..
Maknanya, outer wrapper tuh . 1000px taw ?? Korang nyer ,tak tahu lah .

4.  Dah jumpa kan ? Pastikan width dekat header dengan 

outer wrapper tu sama .So korang punya header akan jadi 

center la . 

5. Preview dulu. Kalau jadi, save.


Cara Kedua

1. Dashboard > Design > Edit Html

2. Tekan Ctrl+F, search kod ni




/* Content

3. Lepas tu, copy kod di bawah ini, then paste ATAS kod yang korunk cari tuh. ^^




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

}

4. Preview dulu. Kalau jadi save terus jela :) 

No comments:

Post a Comment