Hommies Tutorials Tips Freebies Official FB Official Twitter Official Blog

Monday, December 10, 2012

Tutorial Centerkan Header

Harini Iera nk buat TUTO sikit xD Macam
mana nk centerkan header dalam blog :)
Hope enjoy n kalau xfaham bgitahu eh?? haha

CARA PERTAMA

1. Dashboard > Design > Edit Html

2. Tekan Crtl + F , dan cari kod kat bawah ni :

#outer-wrapper {

3. Pastu , bawah kod yang korang carikan tadi tuh , ada kod ni kan ??

background:#FFFFFF;width: 1000px;

*Itu pun , sebagai contoh jer~

4. Makna nyer , outer wrapper tuh . 1000px taw ?? Korang nyer ,tak tahu lah .

5. Tapi , tak siap lagi ni . Then , korang cari pulak kod ini..

#header-wrapper {

6. Dah jumpa kan ?? Pastikan width dekat header dengan outer wrapper tu sama .So korang punya header akan jadi center la . 

7 . Preview dulu . Dah jadi , baru SAVE ok ? :)


CARA KEDUA

1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F , cari :

/* Content

3.  Lepas tu , copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu  .

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

4. Paham ke tak ? if korang tak paham , tengok contoh ni :

Header img {margin-$startSide: auto;margin-$endSide: auto;}/* Content----------------------------------------------- */

5 . Preview dulu . Kalau jadi , SAVE yerk ^_^ 
Kalau dah baca jangn lupe komen ye :P

0 comments:

Post a Comment