Cara sembunyikan header blog dan ganti dengan imej

1.Log in ke dashboard blog korang--> klik design- -> Edit HTML

2.Sila lakukan carian bago kod header-wrapper . ia selalunya terlihat sebegini.

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Nota :- width:800px adalah berlainan, ia bergantung kepada kelebaran saiz halaman blog korang.

3.Sekarang, pada kod tersebut tambahkan kod "display:none;" di dalam kod header tadi. Lihat contoh dibawah:

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
display:none;
}

Selesai. Langkah diatas adalah bagi menyembunyikan header blog korang.

4.Untuk menggunakan imej sebagai mengganti header tadi, sila lakukan cari kod dibawah dalam template korang.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your header title' type='Header'/>
</b:section>
</div>

5.Sekarang paste kod dibawah ini selepas kod diatas.

<a href="URL blog korang"><img src="url imej yang mahu diguna" alt="Home" /></a>

Nota : gantikan Url blog korang dan and URL imej yang mahu diguna dengan blog korang dan alamat imej yang mahu diguna. sila lihat contoh.

<a href="http://bloggermelayu2u.blogspot.com"><img src="http://https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyETTDIJqUSM_dun8PKvcW5wOGAJ0JqLlIhH9QQH1_ofUMkfrrZbHx61UiN3haXstRMqmbA4h7q8sBW8cYF4d5FTMaxIJ2JKfii8tSUrqKTj_-dUpd0vZ6ecrQoiC0Dt7DA5G2bnVhSOPs/" alt="Home" /></a>

6.Klik save template. selesai.