BLOG - Cara Untuk Centerkan Header

Hokey, now aku nak ajar cara center kan header kat blog. Header tu apa? Header tu adalah....

Yang warna pink tu la header ye kawan-kawan. Hehehe. Sajo nak promote blog.Okay jom ikot step mudah ni haa. Pada aku ada 3 je step. Kalau ada banyak korang share la ye kat aku. Aku buta IT. Kadang-kadang je celik nye haaaa. Hehehe. 

Cara 1:

Click 

Design -> Layout -> (header) 

Then dia akan keluar page macam ni:

Dia ada dua option, satu tu korang upload dari website or anything yang menggunakan URL, lagi satu korang uload dari file Picture korang. Ikot suka korang la nak yang mana kan. Tapi yang penting, korang tick macam aku buat tanda merah tu. Tu nak measure korang nye header agar dapat di letakkan dengan betul. 

Then click Save.

Preview.

Enjoy!!

Kalau tak jadi, try guna cara seterusnya..

Cara 2

Click 

Design -> Layout -> Edit HTML -> Proceed ->tick Expend Widget Template 

Korang tekan Ctrl+F, cari 

/* Content

Then korang copy kod kat bawah ni

.Header img {

  margin-$startSide: auto;

  margin-$endSide: auto;

}

Paste kan kat atas /* Content tu tadi,make sure korang punya word akan jadi camni

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

/* Content

----------------------------------------------- */

Then korang preview dulu, kalau jadi. Save! 

Cara 3

Click 

Design -> Layout -> Edit HTML -> Proceed ->tick Expend Widget Template 

Korang tekan Ctrl+F, cari 

#outer-wrapper {

Then try tengok-tengok bawah  dia ada tak rupa macam ni?

background:#FFFFFF;

width: 1000px;

1000px tu adalah jumlah outer-wrapper untuk blog ni, so try tengok korang punya berapa. Sebab bukan semua blog template same tau...

Then try tengok hadooo tak code ni

#header-wrapper {

Okay!. Bila dah jumpa, sila lihat jelas-jelas kod anda supaya, width kedua-dua header dan outer tu sama.Ini bertujuan supaya header anda akan menjadi center la.. Ada understand ka? Preview dulu, baru lah Save. 

*tidak semua template sama, so jika ada diatara korang yang tak jumpa unsur-unsur seperti di atas, maknanya, tiada la tu.. Sila cuba template lain.. Aku tak mampu nak tolong. Heheh