Tutorial : Centerkan Header

                                                        Assalamualaikum,Hello

Hye, Hari ni saya nak buat tutorial for all BLOGGERS , Saya nak ajar cara-2 nak centerkan header , Apa tuh Center Header , Maksudnya header kita akan diketengahkan , Tak faham lagi?? K lah, Saya Bagi Contoh , Macam di bawah ini ;

                                   Tekan Untuk Lihat Dengan Lebih Jelas

Okey Kita start , Ada dua cara ye kawan kawan...

Kalau cara pertama x boleh guna cara kedua kalau tuh pon x boleh , tak tahulah ada masaalah kowt dengan template korang...  :)

CARA PERTAMA

1. Dashboard > Design > Edit Html

2. Tekan Crtl + F , dan cari kod kat bawah ni :

#outer-wrapper {

3. Pastu , bawah kod yang korang carikan tadi tuh , ada kod ni kan ??

background:#FFFFFF;

width: 1000px;

*Itu pun , sebagai contoh jer~

4. Makna nyer , outer wrapper tuh . 1000px taw ?? Korang nyer ,tak tahu lah .

5. Tapi , tak siap lagi ni . Then , korang cari pulak kod ini..

#header-wrapper {

6. Dah jumpa kan ?? Pastikan width dekat header dengan outer wrapper tu sama .So korang punya header akan jadi center la . 

7 . Preview dulu . Dah jadi , baru SAVE ok ? :)

CARA KEDUA

1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F , cari :

/* Content

3.  Lepas tu , copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu  .

.Header img {

  margin-$startSide: auto;

  margin-$endSide: auto;

}

4. Paham ke tak ? if korang tak paham , tengok contoh ni :

.Header img {

margin-$startSide: auto;
margin-$endSide: auto;
}
/* Content
----------------------------------------------- */

5 . Preview dulu . Kalau jadi , SAVE yerk ^_^

Kalau jadi komen lah sikit yerk ! Bye bye