Membuat Seach Engine Blog Versi 2

Text Resizer: Click for Resizer

Setelah sebelumnya saya telah menjelaskan tentang membuat seach engine yang versi pertama.Kali ini aku akan menjelaskan lagi kepada teman-teman bagaimana membuat seach engine yang versi kedua.Model seach engine kali ini sedikit berbeda dari yang sebelumnya.Kali ini search engine ini menggunakan fasilitas dari raja mesin pencari yakni Om Google.

ini model seach engine yang akan kita buat:

Bagaiman teman-teman tertarik tuk membuatnya?? langsung aja yach.

Pertama-tama log ini dulu ke blog kalian

Pilih rancangan kemudian tambah gadget

Lalu pilih HTML/javascipt lalu masukkan kode dibawah ini kedalam gadget anda.

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/> Blog Anda</li></div>
</form>