Macam Mana Nak Adjust Ruang @ Margin Header, Content & Sidebar? Dan Apa Pulak Edit HTML Tu?

Wahh... apakahh blog aku sudah menjadik blog tutorial? huhuhu.. tak laa.. aku rasa masih banyak lagi blog2 hebat yg membicarakan soal tutorial nie.. aku buat tutorial nie pun as just per apa yg you all as my readers mintak tolong ajarkan.. so mana yg aku tahu.. aku sharing2 lah ngan korang.. apa salahnyer kann...

Ok.. hari tu ade gak yg tanyer.. camner nak buat header blog besauuu gedabakk cam kat blog aku nie kan?  Rite... first of all.. korang kene set korang nak besar mana gambar korang kat header blog tu.. cam aku.. aku set kat Microsoft Office Picture Manager nie jerk!

So piliih lah ikut suke nak saiz mana.. cam aku amik paling besar.. i.e. Document Large!

Then.. baru lah upload kat bahagian header yg aku tunjukkan hari tuu....

Ok... bende nie memang pening!  actually layout blog nie korang kene pandai godek menggodek okkkk.. seriously aku sendiri feningg giler vavisss biler menggodek akan hal HTML nie.. ok... apa itu HTML?  HTML tu adelah segala tok nenek codes2 dan coding2 about your layout template... kalau korang tersalah godekk... waimaaa.. menangis lah korang jawabnyer biler layout template korang lariikk secara herott berrooott!  Ok.. citer panjang pun takguna.. sbb aku tahu korang takkan paham dlm sekelip mata... hahaha...  so just layan gambar2 nie dulu....

Biler korang nak set kan margin atau apa saja berkenaan layout blog korang.. just go here @ Edit HTML!

then.. make sure korang click kat Expand Widget Templates!

Then.. korang search for keywords... "header".. kalau nak senang.. just CTRL F.. then type kat situ header.. then korang carik kat code seperti yg aku bulatkan kat atas tu....  ok.. height 750px tu adelah my original template layout yg aku guna skg nie...

Ok.. nie dia my original layout with 750px!

but now aku try ubah margin height tu pada 500px! BUT REMINDER!  make sure korang biler tukar korang punyer original margin number... jgn korang click save tampelate okk! bahayaa giler tuu.. so make sure biler korang dah tukar apa2 number kat korang punyer blog layout... pleaseee... make sure korang click kat butang PREVIEW in order utk tengok korang punyer layout cam mana rupenyer... so once korang preview kalau tak suke.. korang leh just cancel.. jgn save template tuu..

Ok.. now nampak.. biler aku preview my header height pada 500px apa jadik?  biler reduce dari 750 ke 500.. maka ianyer akan jadik gonjengg seperti ini yerr anak2....

Ok.. skg aku tukar pulak ke saiz yg lagi besauuu... i.e. 1000px...

Seeee... dah jauhhh kedaungg ke bawah lak dia dudukk... so margin tu terlalu besar! 

So skg korang paham tak apa yg aku maksudkan korang kene pandai2 menggodek layout blog korang kat Edit HTML tu tadi?  kalau tak paham.. takpe lah.. korang buat2 jerk lah paham yek.. nanti lama2 korang menggodek.. lama2 makin paham lah nanti! hehehe.. serious aku pun paham lepas jenuhh dok buat kerja2 menggodekk... sekali tak godek sendiri HTML tu.. selagi tu lah korang takkan paham! :D

Ok.. now aku just tunjukkan pulak kalau korang nak dptkan ruangan content yg lebih lebarr cam aku punyer niee...

this is my original margin... 820px!

see.. margin dia just nice kan?

so now aku just tukar my margin ke 400px!

Biler di preview.. beginilah jadiknyer... kan mengecikk ruangan content aku tu kan?

So begitulah kekdahnyer yerrr kengkawan... actually my original blog template layout nie saiz content dia memang kecikk... tapi disebabkan aku guna picture yg bersaiz besau gedabakk kat blog nie... so that's why aku tukar margin content and sidebar aku ikut kesesuaian yg aku nakkan... so as for sidebar.. korang leh gak godek2 about it yeah... just tekan butang CTRL F... then find words sidebar.. then pandai2 lah korang godek kat situ.. but again aku remind kat korang.. make sure biler menggodek tu jgn lupa tekan butang PREVIEW okkk... if not menangis tak berlagu korang nanti... actually ade gak blogger yg bukak satu lagi blog layout just in order tuk godek2 template nie.. so that lebih selamat lah.. so it's up to you guyss nak buat macam mana keh.. so far aku memang just click butang PREVIEW and tak penah save template lah kalau aku rasa layout yg aku tukar tu tak sesuai....

Memang banyak lagi bende yg boleh ditukar kat bahagian Edit HTML Template nie.. like tukar font colour.. besarkan font size.. haihh.. memang banyak lah.. but as for now.. ini lah yg dpt aku tunjukkan kat korang keh.. harap ianyer dpt membantu korang yg masih bingung about this issue! :)

Oh ya.. hari tu ade gak yg nak suruh aku tutorialkan pasal gambar2 yg aku upload kat internet a.k.a. flickrs kat my blog nie kan... alrite.. nanti insyallah ade kelapangan akan aku sharing2 about it pulak yer! Daaaaaa.... :)