tutorial centerkan header *3 ways

hey ,

mesti ramai owunk alami perkara nie kan ?

saia dapat request nie dari kawan saia di FB

ukey .

saia pon sebenarnye ta bape reti sangat nak ajar kowunk .

but saia buat tuto centerkan header berdasarkan pengalaman .

so saia harap kowunk faham la ye .

*jangan risau , antare 3 care nieh , pasti ade 1 yang AKAN berjaya .

harus !

cara pertama:

first : dashboard - design - edit html

second : tekan CTRL and F secare serentak untuk cari code at bawah nie :

#outer-wrapper {

sudah jumpe ?

ukey , at bawah code uh mesti ade code nie kan ?

background:#FFFFFF;width: 1000px;

*lebyh kuwank cmtu la ye .

ukey .

third : cari code nie plak :

#header-wrapper {

dah jumpe ?

okeyh , kowunk kene pastikan width dekat header uh same nan outer-wrapper uh .

ukeyh . da same kan ? bawu la header kowunk jadi center .

preview dulu baru save tau !

care kedue :

first : dashboard - design - edit html - tick expand widget templates

second : tekan CTRL and F secare serentak untuk cari code nieh :

/* Content

sudah ?

copy plak code at bawah nie dan paste at ATAS code yg kowunk cari tadi :

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

paham tak ?

so , code kowunk mesti jadi cmnie tau :

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

/* Content

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

preview dulu baru save tau !

care ketige :

first : dashboard - design - templates designer - advance - Add CSS

masokkan code at bawah nie dalam kotak CSS uh :

#header-inner img {margin: 0 auto !important;}

#header-inner {text-align:center !important;} /*masukkan sekali ayat ni kalau guna Template Designer*/

applay to blog ~

hah !

mesti dah center kan ?

ukey ~

siap !

ahahah

*kowunk mesti try semue code . sbb tidak semua code berjaya .

akan ada satu atau due yg tidak bejaya .

but for sure .

saia sudah cube sendiri dan . semue berjaya .

ukeyh !

sekian ~

---

kalau dha bace , sila like or komen yaww , terima kasih .

---