Search Engine dengan Tombol Bergambar

Dulu aku juga pernah memposting tentang tutorial yang sama di "Pasang Search Engine di Blog" tetapi kali ini yang beda adalah pada tombol searchnya. Pada artikel yang dulu tombol search hanya berbentuk tombol biasa tetapi sekarang tombolnya berupa sebuah gambar.

Kalau kamu tertarik, caranya sangatlah mudah sekali, kamu hanya masukkan code dibawah ini

<div class="widget-content">

<form id="searchthis" action="http://(url_blog_kamu)/search"
style="display: inline;" method="get">

<table height="20" bgcolor="#ffffff">

<tr>

<td nowrap="nowrap" valign="top" height="16" align="left">

<input id="b-query" maxlength="255" class="textinputsearch" value="cari artikel.."
name="q" size="17" type="text"/>

<input id="b-searchbtn" alt="Search" width="18" src="http://www.geocities.com/oom_directory/search.gif"
height="19" align="top" type="image"/>

</td>

</tr>

</table>

</form>

</div>

Kalian perhatikan tulisan (url_blog_kamu) yang ada di code diatas tulisan tersebut gantilah dengan URL/alamat blog kalian, contohnya url blog ini tutorsingkat.blogspot.com jadinya akan seperti ini action="http://tutorsingkat.blogspot.com/search". Kalian juga perhatikan tulisan value="cari artikel disini..." tulisan itu akan muncul di kotak searchnya silahkan ganti dengan tulisan yang kamu inginkan, contohnya saja kamu ganti dengan kata cari atau cari artikel blog ini...

Sebagai contoh hasil dari code diatas adalah sebagai berikut

Hasilnya setelah tulisan tadi diganti dengan kata cari

Dan hasilnya setelah diganti dengan kalimat cari artikel blog ini...

Untuk cara menginstalnya ke blogger silahkan baca artikel Install Widget to Blogger. Semoga artikel ini berguna untuk kamu. Oiya widget ini aku dapat dari widget search enginenya si oom