Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Friday, 21 December 2012

Tutorial - Centerkan Header

 Heyy semua ! Assalammualaikum ..
Korangg mesti nakk blog korangg nampakk lebeh kemas kann ?
Apee kata, korangg try tuto ni :)

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 jehh .
4. Maknanye , outer wrapper tuh . 1000px tau ?

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 korangg carikan tadi tu  .

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

4. Faham ke tak ? Kalau korang tak paham , tengok contoh ni :

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

5 . Preview dulu . Takk de ERROR , Save terus okeyy ? hehe ^^

No comments:

Post a Comment