Rapatkan Header dengan content blog

Selamat menunaikan ibadah puasa =)
Kali ne, ilmu nak share bagaimna nak rapatkan Header dengan content blog korang. Disini, sya ada bberapa cara yang boleh korang aplikasikan di blog korang tu. 
Setiap blog mpunyai template yang tsendiri, kan? 
So, jgan b'putus asa ok kalau header korang tu tak rapat dengan content blog korang :)

Just follow the step below

Cara pertama

1) Dashboard => Template => Edit HTML => Tick Expand widget.
2) Search for this code 

.header-outer { 

ATAU

#header {

3) Dah jumpa dah? Kalau dah, gantikan pula code yang korang cari tu dngan kod ne.

width: 800px;
height:450px;
margin: 0 auto7px; 

4) Edit kan width & height tu m'ikut kesesuaian yang korang nak kan. Preview and save.


Cara kedua

1) Dashboard => Template => Edit HTML.
2) Search for this code:

.header-outer {

3) Dah jumpa tak? kalau dah, gantikan kod di bawah ne dgan kod yang tadi tu.

.header-outer {
  background-image:url();background-position: top center; background-repeat:no-repeat;
  width:990px;
  height:230px;
  margin:0 auto 7px;
}
4) Nampak tak number yang berwarna merah tu? Ha! Korang bolehlah ubah mgikut saiz & seberapa rapat header yang korang mahukan.
5) Kalau masih tak fham lagi, cuba tgk pic kat bawah ne. Harap2 korang fham lah.


Saya masukkan code tadi di bawah kod ne seperti dalam gambar kat atas tu.

/* Header
----------------------------------------------- */


Cara ketiga

1) Dashboard => Template => Edit HTML => Tick Expand widget.
2) Search for this code 

/* Header

3) dah jumpa tak?? Kalau dah, tgk lagi kat bawah kod yang korang jumpa tu dan akan jumpa kod ne pula.

border: 9px solid $headerBgColor;

4) Gantikan No. 9px tu kepada 0px. So, kod akan jadi like this :

border: 0px solid $headerBgColor;


5) Preview then barulah save, ok.  


p/s : saya rasa cara pertama & kedua ada persamaan. Tapi alang2 dah t'buat, tak pe lah. Sayang nak delete. 




tQ for your BIG smile here.