Pages

Bloglist 2

Thursday, November 17, 2011

Cara dan code untuk centerkan blog header...

Cara dan code untuk centerkan blog header...


Dashboard > Design > Edit HTML > Tick Expand Widget Templates > Tekan Ctrl + F serentak > Cari code  /* Content seperti di bawah..


/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}


Lepas tu, paste kan code yang kat bawah ni di atas code /* Content tadi...


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


Nanti dia akan jadi macam ni...


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

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}


Lepas tu, tekan PREVIEW dulu. Jika takde ERROR yang keluar, barulah boleh tekan SAVE... 

Nota: Anda diingatkan untuk Backup Templates sebelum melakukan apa-apa perubahan sebagai langkah berjaga-jaga.. 

No comments: