TUTORIAL : Centerkan header (washed denim template)

heyy :) ramai yang request una cara nak centerkan header bagi sesiapa yang menggunakan template washed denim kan ? so here una buat tuto dia . actually tak complicated sgt pun . ape yang korunk kene buat ialah , sperti kat bawah nie je :

First go to your Dashboard > Design > Edit HTML then click ctrl + f search for this code :
#header {
jumpa kan ? then dekat bawah dia ada anak2 code sperti dalam gambar nie kan :
nampak tak yang una highlight kan biru tuh ? tuh lah saiz header yang korunk boleh guna . soo , mcm mana nak centerkan kan ? korunk click ctrl + F then search pulak code bawah nie :
#content-wrapper {

then tengok anak2 code dia dalam gambar nie :
hahh , nampakkan ? width di header dan content-wrapper sama :) sebab tuh lah dia jadi center . selalu nya una akan buat header bersamaan 890px-width dan 350px-height . una kurangkan 10px lebar dia sebab nampak lagi kemas :) jadi una harap tuto nie leh bantu korunk lah how nak centerkan header tuh . korunk ikut lah width blog korunk kay ? ikut kesesuaian width header korunk :)
Hai! Selamat membaca. Jangan lupa tinggal komen ya?

13 comments:

  1. kak una....nak tanye....hurmm....erysha nye width dua~duanye sme....tapi..tetap sama ke kiri....cam ne erh..??
    http://shesunshinebirupink.blogspot.com/
    ^^

    ReplyDelete
  2. yup. tetap ke kiri. -.-" camne erk ? :(

    ReplyDelete
  3. hye kak una . ryha punyer header blog tetap ke kiri jugak . x centre pon . knapa erk ?
    http://fabbys-ryha.blogsspot.com

    ReplyDelete
  4. Kak Una , kite nak cari kod2 tersebut tapi tak boleeehhh ! Kenape ye? Kite gune template washed denim ...

    ReplyDelete
  5. menjadi..hehe..thanks a lot kak una

    ReplyDelete
  6. :) thanks kak una :) menjadi. cuma nak tahu cara nak cipta header sendiri. tahu tak cemane? >.<

    ReplyDelete
  7. @Norerysha Shahiera
    Awak..cuba cara ni.Tak tau jadi ke tak :)

    1.tak perlu tick expand widg. temp.
    2.ctrl+F code:/* Content

    3.copy code atas /* Content :.Header img { margin-$startSide: auto;
    margin-$endSide: auto;
    }

    ReplyDelete
  8. taak jumpa pun kak yg #header { tuuu :(

    ReplyDelete
  9. kak... tak berubah :( tolong saya :(

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=