Untuk memudakan pengunjung melakukan percarian Navbar blogger sebenarnya sudah menyediakan fasilitas kota pencarian. namun ada kalanya kita ingin menambahkan sendiri kotak pencarian buatan sendiri, tentu saja dengan alasan kita bisa meletakan Search box tersebut dimana kita inginkan.
Dibawah ini code pencarian yang bisa kamu gunakan:
<form id="searchthis"
action="http://namablog.blogspot.com/search" style="display:inline;"
method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
Jangan lupa ganti warna merah diatas dengan nama blog kamu sendiri
Untuk mengganti tombol search standar dengan Icon :
Code yang bisa kamu gunakan :
<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display: inline;" method="get">
<tr>
<td nowrap="nowrap" valign="top" height="16" align="left">
<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"/>
<input id="b-searchbtn" alt="Search" width="18" src="http://oom.blog.googlepages.com/search.gif" height="19" align="top" type="image"/>
</form>
<tr>
<td nowrap="nowrap" valign="top" height="16" align="left">
<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"/>
<input id="b-searchbtn" alt="Search" width="18" src="http://oom.blog.googlepages.com/search.gif" height="19" align="top" type="image"/>
</form>
Jangan lupa ganti
warna merah diatas dengan nama blog kamu
sendiri, Untuk mengganti gambar icon kamu bisa mengganti kode warna pink diatas sesuai dengan alamat tempat kamu
menyimpan gambarnya.
sumber dari sini
