Memasukkan Search Engine Pada Blog

fitur ini merupakan salah satu fitur yang menarik, karena buat teman-teman yang ingin mencari informasi atau ilmu dan sebagainya, hanya dengan melakukan search engine seperti pada gambar di bawah. menarik kan ? apalagi kita dibantu oleh master info, yaitu mbah google.



ini model seach engine yang akan kita buat:
    

bingung bagaimana cara membuatnya ? oke, langsung aja ya kita masuk ke tutorialnya.

• 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>

• Klik Simpan

  setelah melakukan copas ke dalam gadget, jangan lupa untuk menggati tulisan yang berwarna Merah dengan nama blog anda, OK silahkan mencoba.

Posted in: