Centerkan Header
Wednesday, 2 November 2011 | 11:28 pm | 2 p0tpEt(s)
Assalamualaikum ^-^
Hello guys !
Saya nak ajar korang cara2 centerkan header dalam blog. Kat sini ade 2 cara. Korang boleh pilih mana2 cara yang korang nak.
1. Dashboard > Design > Edit HTML > Tick Expand Widget > Tekan F3.
CARA PERTAMA
2. Cari kod kat bawah nie.
#outer-wrapper {
3. Bawah kod yang no 2 tuh ade kod yang kat bawah nie kan.
background:#FFFFFF;
width: 900px;
4. Korang nampak tak, width : 900px ? Maksudnye outer wrapper tuh 900px. *outer wrapper blog lain2*
5. Lepas tu, korang cari pulak kod kat bawah nie.
#header-wrapper {
6. Then, korang tengok la pulak width dekat header tu berapa. Pastikan width dekat header dengan outer wrapper same supaya header korang pon same.
7. PREVIEW then SAVE !
CARA KEDUA
2. Cari kod kat bawah nie.
/* Content
3. Then, copy dan pastekan kod kat bawah nie atas kod yang mule2 tadi.
.Header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
4. PREVIEW then SAVE !
Selamat mencuba =.=