Tutorial Menghapus Tombol Cari Bawaan Template Brosense V2

Dari segi tampilan pencarian di letakkan di nav kafetaria cukup lezat dipandang, tapi terkadang ada juga yang tidak tertarik penempatannya atau tidak sesuai dengan kehendak kita alangkah baiknya kalau tidak suka dapat dihapus.

Berikut cara menghapus tombol cari bawaan template brosense v2

1. Log In terlebih dahulu ke Blogger
2. Klik Tema
3. Lalu Pilih Edit HTML
4. Cari kode search-form dengan menekan CTRL+F, akan tampil instruksi sepert ini.
<Group description="Search Box" selector="#search-form">
<Variable name="input.background.color" description="Input Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="button.background.color" description="Button Background Color" type="color" default="#333333" value="#333333"/>
<Variable name="input.color" description="Input Color" type="color" default="#666666" value="#666666"/>
<Variable name="button.color" description="Button Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>


#search-form {
float:right;
margin:0 18px 0 0;
font-weight:bold;
}
#search-form input#search-box[type="text"] {
background:$(input.background.color);
float:left;
height:26px;
line-height:26px;
margin:4px 0;
padding:0 10px;
width:100px;
color:$(input.color);
border:none;
}
#search-form input#search-button[type="submit"] {
float:right;
background:$(button.background.color);
color:$(button.color);
height:26px;
line-height:26px;
margin:4px 0;
padding:0 7px;
border:none;
}
#search-form input#search-button[type="submit"]:hover{
background:#222;
cursor:pointer
}
#search-form input#search-box[type="text"]:focus {
background:#eee;
outline:none;
}


#search-form {
margin:0 10px 0 0;
}


#search-form input#search-box[type="text"] {
width:80px;
}


<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/> <input id='search-button' type='submit' value='Go'/></form>


5. Hapus semua instruksi tersebut, atau yang seolah-olah dengan instruksi tersebut, perbedaanya biasanya hanya pada ukuran dan style template yang anda gunakan, jadi instruksi diatas yaitu teladan search box bawaan template brosense v2 yang aku gunakan ini.


6. Simpan template anda dan lihat hasilnya.

Jangan Lupa di share ya...
Terima Kasih!
Sumber https://ferygg.blogspot.com/

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Lika-Liku Seorang Blogger
• 
  Lebaran Bukan Berarti Libur Ngeblog
• 
  Cari Backlink Menyerupai Memberi Pupuk Pada Tanaman
• 
  Lomba Blog Terbaru Juli - Agustus 2018