TUTORIAL : Centerkan Header

Assalamualaikum w.b.t. Tutorial kali nie ialah cara nak centerkan header. Maybe kalau header senget sebelah, takde keseimbangan pulak kat blog korang. Pendek kata tak sedap mata memandang. Tutor nie ada dua cara. Korang pilihla cara mane yang korang bersesuaian dengan blog korang.

CARA PERTAMA

1. Dashboard > Template > Edit HTML > Tick Expand Widgets

2. Tekan F3 dan cari kod nie /* Content

3. Then, copy kod di bawah :

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

4. Paste di atas kod yang korang cari tadi. Contohnya ada di bawah :-

5. Preview dulu, kalau jadi SAVE yer.

CARA KEDUA

1. Dashboard > Template > Edit HTML > Tick Expand Widgets

2. Tekan F3 dan cari kod nie #outer-wrapper {

3. Bawah kod yang korang cari tadi ada kod ini kan?

background:#FFFFFF;
width: 1000px;

4. Maknanya, outer wapper tu berukuran 1000px. Korang punya tak tahu la. Maybe bersaiz kecik lagi dari tu. Jangan usik apa-apa kod di atas. Just tengok ukuran width sahaje.

5. Then, korang cari pulak kod ini #header-wrapper {

6. Dah jumpe? Pastikan width dekat header wrapper dan outer wrapper tu sama. Baru la header korang akan jadi center.

7. Preview dulu, lepas tu SAVE!