Simple tempate - pisahkan header dari blog

Preview:

Sebelum:

Selepas:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

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

/* Mobile

atau 

/* Header

4) Dah jumpa kod /* Mobile atau  /* Header ? ok sekarang copy dan paste kod di bawah SEBELUM / DI ATAS kod yang korang cari tadi:

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

Contoh:

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

/* Mobile

Ok, sekarang dah selesai bab pisahkan header dari content blog. Tapi masalahnya, time korang preview, korang perasan tak still ada line shadow pada header yang terpisah tu. Lihat anak panah dalam image di bawah:

Cara nak hilangkannya?

5)Dengan menggunakan ctrl + F sekali lagi, cari kod

.content-outer {

6) Kemudian berdekatan dengan kod .content-outer { tu, korang akan jumpa kod yang macam kat bawah ni:

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

7) Jumpa kan? Ok, DELETE kod tersebut (*jangan tersilap delete pula ye, pastikan kod yang korang nak delete tu sama pattern macam kod di atas).

8) Dah siap delete, then klik preview, kalau menjadi terus klik save template.

Selamat mencuba! :)


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...

---

Sharing is caring ^_^

---