Happy Girl !
Chat Sini !

Tutorial ~ Centerkan Header
Sunday, 29 April 2012 ? 0 Happy ?

Tutorial ~ Centerkan Header



Assalamualaikun warga facebook . Eh , salah , warga blogger ! Korang semua sihat ? Dah makan ? Dah minum ? Dah mandi ? Dah bangun ?


Orait , hari ni Mira nak ajar cara nak centerkan header kan , maksudnya , kalau header tu ketepi , kita ketengahkan dia . Paham ?! 


CARA PERTAMA


1. Dashboard > Design > Edit HTML 


2. Tekan Ctrl + F cari kod ni :


#outer-wrapper {

3. Pastu , bawah kod tu , ada kod ni kan :



background:#FFFFFF;
width: 1000px;

*Itu pun sebagai contoh je ~
4. Makna nye , outer wrapper tuh . 1000px taw ? Korang nye , tak tahu lah .

5. Belum siap lagi , korang cari kod ni pulak :

#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 kod ni :

/* Content

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



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





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

.Header img {



margin-$startSide: auto;

margin-$endSide: auto;

}
/* Content
----------------------------------------------- */

5. Perview dulu , dah siap baru SAVE . ^_^

Labels:



Thanks for reading :)




Older Post . Newer Post


~ Oh ! ~