Tutorial: Buang Background Putih Untuk Header Yang Transparent

Assalamualaikum

Hi uolls. em panjangnya tajuk. nasib aku tak tulis entry dekat tajuk tuh. Hahahahah lol XD
Okey kali ni aku nak share tutorial berkenaan dengan header yang transparent tapi letak dekat blog jadi tak transparent. Faham dok maksud aku? Contoh di bawah, jadi untuk hilangkan background putih belakang tuh ikut step by step okey.




Kebiasaanya pengguna SIMPLE TEMPLATE. Jadi tuto ni hanya untuk simple template user je. Actually tuto ni dah lama dah di req oleh seseorang cuma asyik tangguh je nak buat. So here we go..

  • Template - Edit HTML.
  • Tekan mana code dalam box dan tekan CTRL+F
  • Cari code /* Header
.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;}
  • Copy code diatas dan paste kan di atas code /* Header yang korang cari tadi
  • Cari code .header-outer { pula.
  • Bawah code .header-outer tuh ada code yang bawah ni kan?
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

  • Padam code yang dekat atas ni.
  • Cari code ini pula .Header .description {
  • Kalau dah jumpa copy code dekat bawah ni dan pastekan dibawah code .Header .description {
display:none !important;

Lihat hasilnya...

Selamat Mencuba 

Credit

6 comments:

  1. klu akak dari dulu biasa guna minima template
    tp xde beza sangat pun
    lepas godek2 coding jadi sama jugak

    ReplyDelete
  2. Knp x jadi akak..dekat header-outer tu x de pulak

    ReplyDelete
    Replies
    1. aik tak jadi? awak guna simple template kan? hm hmm kenapa takde code tuh ehh.

      Delete
  3. nice jugak tutorial macam ni. klu mira jumpa back ground best bleh la kot nak apply blog mira.
    Pretty Little Things

    ReplyDelete