Thursday, March 13, 2008

Pasang kotak pencarian di blogger


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.




Contoh Kotak Pencarian :









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"/>




Jangan lupa ganti warna merah diatas dengan nama
blog kamu sendiri





Untuk mengganti tombol search standar dengan Icon :




Contoh dengan tombol 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>




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.



No comments:

Post a Comment