Simple Template - Buang background bertindan

Bagi pengguna template simple, kebiasaannya bila korang masukkan kod bakground dalam blog, pada bahagian atas blog akan ada satu background berwarna yang bertindan dengan background yang korang masukkan tu. Contoh macam dalam gambar di bawah:

Sebenarnya background bertindan tu boleh dibuang. Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

position: absolute;

4) Ok, dekat-dekat kod position: absolute; yang korang jumpa tu, akan ada kod yang macam kat bawah ni:

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 100px;
width: 100%;
background: $(body.background);
$(body.background.override)
}

5) Nilai 100 dekat width tu korang tukar kepada 0.

Contoh:

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 100px;
width: 0%;
background: $(body.background);
$(body.background.override)
}

6) Lepas dah tukar, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :)