Tutorial : Transparent kan Header (Simple Template)

Assalamualaikum :)
Mostly bloggers menggunakan Simple Template instead other template sebab Simple template lagi senang nak edit and sangat comel dan kemas to me. My BLOG PERSONAL  tu I guna Awesome Template which is macam ngek sikit, Yang blog tuto ni I use simple template. In tutorial INI, saya ajar cara nak transparentkan header. Ada sesetengah pengguna Simple Template yang nak guna transparent header. Tapi Simple Template kena tambah sedikit coding untuk transparentkan bahagian header. Kalau korang main letak header transparent dekat Simple Template trus memang tak kan jadi. Okay intro macam buduh. Jom start.

Before


After :



1. Blogger >> Template >> Edit HTML



2. Ctrl+F cari code ni :
/* Mobile
 3. Copy code di bawah ni

.header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: $(content.background.color);}
4. Paste DI ATAS code /*Mobile tadi.

5.Preview dan Save :)
 





2 comments:

  1. kenapa bila saya search di templat the word "/* Mobile" tak ade eh?

    ReplyDelete
  2. thanks, its really frustating bila dia tak transparent

    ReplyDelete

Kalau dah jadi tu commentlah sikit sikit . Sebaris kata pun boleh. Asal jangan harsh words thank you :D