Wednesday, March 16, 2011

TIPS !!! how to center your header .

assalamualaikum & salam sejahtera :)

first of all , today entry aku berkisarkan bout nk 'center'kan header . 
sbb ramai sngat yg tnya aku cmne aku center header aku nih .
biase kalau letak header bru , mesti akan jd x center kan .
so ,mesti x cantik lah blog korang kan .
jd dgn information yg aku ade nih , aku akan share dgn korang semua keyh .
*baik kan ? hahaha :P
helloooo , aku bukan jenis yg mkn sesorang keyh !

1 - design
2 - edit HTML
3 - tekan Ctrl+F then search HEADER
4 - pastu korang akn jumpe code cmnih :

/* Header
-----------------------------------------------
 */
#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }
#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
#header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}


5 - korang adjust lah yg 5px tu ikot kesesuaian blog & pict korang .
6 - last but not least , klik PREVIEW so that korang boleh tgk center ke tak header korang . kalau x center lagi , korang 'up'kan lagi number margin tu .
7 - lastly , Make sure to Click Save and Go check it out to make sure its just perfect ! :)

No comments:

Post a Comment

Next Previous Home