Apr 6, 2011

Tutorial Centerkan Header

167542_143923355668017_137724452954574_270439_5751800_n_large

Ok, tuto ni untuk org yg buat header, dia punya header besar  so dia tick la kecikkan header supaya muat kan, tapi kecik sngt, so klau dia kecik dia pergi ke sebelah kiri right :) do mcm x cantik la, ni ada jalan penyelesaian dia,, biar dia ke center, biar cantik sikit n kemas, hoho :) 


Templete Designer

1) Dashboard> Design > Edit HTML
2) Press CTRL+F, nanti kan ada keluar satu kotak tu an, copy code ni n pastekan kod ni kat kotak tu, nanti kod tu akan dijumpai la :) 

/* Content

Dah jumpa? ok dookie cookie ;D 

3) Copy kod ni n pasetekan kod ni dekat ATAS kod /* Content ek :) 




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


4) ok save je la templete ^-^ ataupun nak preview dulu pun boleh ;D 


Classic, Denim, Washed templete


1) Dashboard > Design > Edit HTML
2) Cari code #content-wrapper { 


Yg bawah code dia tu kan ade code ;


width: 900px;


kan? ikut blog fiqah 900px la, x tau la blog korng bape px width blog korng. Hehe~


Korng cari code 


#header {


tengok bwh dia ade kan code ni;


width: 700px;


ok, yg px tu korng ubah la, smpai header korng tu dia jadi center...
korng ubah sikit lepas tu preview smpai header korng tu jadi center ^^
Dah puas hati  SAVE  je la :)
Ok la, harap korng faham tuto saya ni. Mmg pening sikit kan cara nk faham...?? hehe