Pages

Bloglist 2

Friday, April 20, 2012

Cara untuk FIXED Dan CENTER-kan HEADER BLOG secara automatik..

Assalamualaikum....

Cara untuk FIXED Dan CENTER-kan HEADER BLOG secara automatik..


Kali ni aku nak kongsikan cara untuk fixed-kan dan center-kan header blog secara automatik. Macam biasa, backup dulu template korang..

Sebelum tu, korang tengok dulu berapa saiz entire blog korang tu ya. Lihat contoh kat gambar bawah ni.. Entire blog aku adalah 1000px.. 



Kemudian korang masuk kat Design -> Edit HTML -> Tick Expand Widget Templates -> Klik Ctrl + F dan cari code /* Content dan taipkan pada tetingkap yang keluar nanti.. Nanti dia akan keluar seperti kat bawah ni dan ini bergantung pada jenis template yang korang gunakan sebab bukan semua code sama..



Lepas tu korang copy code kat bawah ni dan paste-kan di atas code /* Content tadi...

.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
  width: 1000px;

Dan kalau nak bagi header tu penuh kiri kanan, ataupun full, gantikan 1000px tu dengan 100%

 Lihat contoh dalam gambar..



Kemudian klik PREVIEW dulu dan jika takde ERROR yang keluar, baru tekan SAVE TEMPLATE.. 

Selamat mencuba...

4 comments:

amranaiman said...

menarik ni:D tenkiu.. ntah bile la nk buat header baru :P

Julia Johari said...

wahhhhh makin berseri2 wajah blog kak azz...neh yg suka bertandang kt blog kak azz neh...With Julia je masih setia ngan rupa lama...nyah bila nak update baru kekekkeke insyaAllah nanti nak watlah mcm kak azz...baru ada semangat nak tatap selalu kan kekekek :)

If said...

dah. =) tenkiu.

Siti Zulaika Muhamad said...

thnks :) dah buat! heee