Cara Menghapus atau Menukar Banner di Template Mas Kolis

Satu pertanyaan yang sering ditanya di comment Template Mas Kolis ialah bagaimana cara menukar atau menghapus banner image atau header image di template-template Mas Kolis seperti template dua ini:

Johny Ganteng Store

Download

Johny Joss Mobile Phone

Download

Caranya begini

1) Di Blog menu, click Template > Edit HTML
2) Cari code #header-warpper. Gunakan Ctrl+F untuk mencari perkataan 'header-wrapper' dan ketikkan Enter

Code nya seperti berikut:

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCygqm7_g2DC43yAJYhZHHBg2fqGvQZUcuwpcUloJWJeQnh3cX7HTmeHrdF6z-DqbFtKUCTNgIkmI-KHo_LEp4YBBJ_Q8gnDTNf5HPZG30T67H-hhsMZyhyScloBjF2O5Pi-BEZG6XjsiK/s1600/header.png);width:940px;height:140px;border-top:0px solid #ddd;margin:0 auto}

Bannernya adalah yang berikut: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCygqm7_g2DC43yAJYhZHHBg2fqGvQZUcuwpcUloJWJeQnh3cX7HTmeHrdF6z-DqbFtKUCTNgIkmI-KHo_LEp4YBBJ_Q8gnDTNf5HPZG30T67H-hhsMZyhyScloBjF2O5Pi-BEZG6XjsiK/s1600/header.png


a) Untuk Menghapus
Untuk menghapus banner berikut, kita comment out code nya:

<!--COMMENT OUT
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-q_y4RkR6VB_OrJ1Jj6xpN4XkkaEYI7yWcLTkSpAid_YWlVi5YgLu6KUdUmO6pcMavx3ZTdxzRcLUHuQM2ynCpAWjMph29jAGv4bcfMbXkz-FJuS7ET3-N-Ac00mFod6rXqHGDX0IbWMl/s1600/header.png);width:970px;height:140px;border:0 solid $bordercolor;margin:0 auto}
-->

Mauskkan COMMENT OUT pada permulaan dan akhir code seperti diatas, seperti yang merah diatas.



b) Untuk Menukar
Untuk menukar pada banner yang lain, kita tukar image URL nya. Dengan menggunakan code header-wrapper di atas, kita tukar URL nya seperti berikut:

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72J0g758U2RRV_ocygEZKYV9NV57xS07vt_l7JzwQLAVTZOJLJRoISOorPbG3qUFwsKtfUvgctHnZkimIXOxnoXkLSIPYdSyOJkkRDUQpDgdJKYtyDDDV8SOw-PQ4zflxMtA4I3zI0j_H/s1600/Baner.4.jpg);width:970px;height:140px;border:0 solid $bordercolor;margin:0 auto}

c) Untuk Menyesuai
Kita boleh tukar ukuran banner dengan menyesuaikan ketinggian (height) dan lebar (width). Dengan menggunakan code header-wrapper,

#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-q_y4RkR6VB_OrJ1Jj6xpN4XkkaEYI7yWcLTkSpAid_YWlVi5YgLu6KUdUmO6pcMavx3ZTdxzRcLUHuQM2ynCpAWjMph29jAGv4bcfMbXkz-FJuS7ET3-N-Ac00mFod6rXqHGDX0IbWMl/s1600/header.png);width:970px;height:140px;border:0 solid $bordercolor;margin:0 auto}

Jadi banner ini boleh diperpanjangkan untuk menutup header blog anda.


Tinggalkan comment dibawah ini kalau ada pertanyaan lanjut.