TUTORIAL : macam mana nak tengok width Main body,Sidebar body & width header

Baca Juga

Hanya untuk pengguna Washed Denim yaa :)

heyy , guy's now una nak buat tuto macam mana korunk nak tengok width main body , sidebar dan juga width header korunk :) okeii kita mulakan jomm :

FOR MAIN WRAPPER

First go to your Dashboard > Design > Edit Html and click ctrl + F then search for this code :

#main-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 600px :) then kita beralih pula kepada sidebar pulak :

FOR SIDEBAR WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#sidebar-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 290px :) so , next step kita nak tengok the whole width for blog korunk :

FOR CONTENT WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#content-wrapper {

 lepas tuh tengok gambar kat bawah nie pulak :

okeii , macam penerangan yang dah una bagi kat atas tuh kan ? korunk kene tambah jumlah lebar main wrapper & juga sidebar wrapper , contoh nya : 600 + 290 = 890 okeyy , dapat jumlah dia kan ? tapi korunk kene lebih kan sikit lebarnya bile letak dekat content wrapper tuh , contoh una letak 900px :) soo , now dah siap bahagian tuh semua , macam mana pulak dengan header kan ? mesty ramai tertanya2 macam mana nak  buat header kalau tak tahu width kan ? soo jom start :

FOR WIDTH HEADER

click ctrl + F then korunk search code dekat bawah nie :

#header {

 then tengok gambar kat bawah nie :

dah tengok ? macam yang una tulis tuh korunk kene pastykan width header sama macam width content wrapper , so then korunk boleh lah edit header sendiri :)

NOTA BIT BOTT :

sooo , korunk kene pandai2 adjust lah okeii ? kalau tak faham tanya una yaa ? nanty una bantu korunk :) hope sume nie dapat membantu korunk :))

Subscribe to receive free email updates: