#Tutorial 2

1) Template > Edit HTML > Proceed.

2) Cari code ni dengan menggunakan fungsi CTRL+F/F3 :

/* Mobile 

ATAU

/* Header

3) Copy code ni dan paste kat ATAS code yang korang cari tadi tu :

.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;}

4) Preview dulu, header korang HARUS jadi macam ni : 

Ada shadow tu kan? Jom kite tonyoh-tonyoh shadow tu.

5) Untuk membuang shadow tu, korang cari code ni pulak :

.content-outer { 

6) DELETE code macam ni atau hampir sama :

-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) Tak faham? Tengok gambar bawah ni :

Delete code tu ye :)

8) Preview dulu, kalau takda error korang SAVE. Cer tengok, header jadi macam ni kan?

Ada benda alah blog tittle kan?

Cara nak buang macam ni :

1) Template > Edit HTML > Proceed > Tick Expand Widget Templates.

2) Cari code ni dengan menggunakan fungsi CTRL+F/F3 :

.Header h1 {

3) Korang copy dan paste code ni di BAWAH code yang korang cari tadi tu : #Boleh rujuk gambar di bawah.

display:none; 

4) Preview dan SAVE. Yeay! 

HASILNYA :

Kan dah lawa?

P/S : Kalau dah jadi tu, credit la sikit. Letih tau nak godek code, haha.

* I'm sorry that saya copy dari blog: http://www.amalinalee.my untuk rakan2 saya....