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
- Log In terlebih dahulu ke Blogger
- Klik Tema
- Lalu Pilih Edit HTML
- Cari kode search-form dengan menekan CTRL+F, akan tampil instruksi sepert ini.
- 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.
- Simpan template anda dan lihat hasilnya.
<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>
<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;
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;
}
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;
}
margin:0 10px 0 0;
}
#search-form input#search-box[type="text"] {
width:80px;
}
width:80px;
}
<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search...' vinput=''/> <input id='search-button' type='submit' value='Go'/></form>
Jangan Lupa di share ya...
Terima Kasih!
Sumber https://ferygg.blogspot.com/