TUTORIAL : RAPATKAN HEADER PADA BADAN BLOG

Assalammualaikum & Selamat Sejahtera

Tutorial ini dibuat atas permintaan rakan aida yang baik hati nie SHIDA

ok jom kita buat sama-sama mahu tak? pada yang dah tahu duduk diam-diam jangan banyak cakap, tutorial ini untuk yang nak tahu dan yang tak tahu ok..hehe. 

moga-moga ianya dapat membantu 

UNTUK PENGGUNA TEMPLATE CLASSIC

1. Dashboard > Design > Edit HTML > Tick EXPAND WIDGET TEMPLATES

2. Cari Code ini :

 #header {

3. Bawah code itu ada macam ini kan?

 width: 860px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
} 

 5. Bahagian yang berwarna merah itu korang tukar macam nie:

border: 0px solid $headerBgColor;

6. Kemudian PREVIEW dulu tak ada apa-apa masalah dan MENJADI boleh terus SAVE TEMPLATES

UNTUK PENGGUNA TEMPLATE DESIGNER - PICTURE WINDOWS

1. Dashboard > Design > Edit HTML > Tick EXPAND WIDGET TEMPLATES

2. Cari code ini :

.header-outer {

3. Dah jumpa? bahagian bawah dia ada code ini kan?

 background-image:url();background-position: top center; background-repeat:no-repeat;  width:990px;  height:230px;  margin:0 auto 7px;}

4. Bahagian yang berwarna MERAH dan BOLD itu korang masukkan ukuran header korang. Bahagian Width korang kurang kan dari ukuran sebenar ok? kalau macam dalam tu 990px korang kurangkan lah sampai header korang rapat dengan badan blog. Dekat sini kena banyak kali preview untuk pastikan code tu menjadi dan tepat.

5. Dah siap..dah preview? Dah puas hati so SAVE TEMPLATES

Kredit pada : Empayar Bintang Tiga