Cara Membuat Search Engine

Views

Salah satu cara untuk mempersingkat atau mempermudah pencarian adalah memanfaatkan search engine atau mesin pencari. Umumnya search engine, seperti Google, Yahoo, dan MSN digunakan untuk mencari web yang jumlahnya mencapai jutaan. Namun untuk mencari tulisan atau artikel di blog kita, cukup dengan search engine sederhana. Cara membuatnya, bagaimana? Copy paste saja kode html di bawah ini.

<form id="searchform" action="http://asahotakbersama.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="SEARCH" type="submit"> </form>

maka hasilnya akan begini:

Kata SEARCH (yang berwarna hitam) bisa diganti dengan CARI, GO, dsb.
Ganti nama blog di atas dengan nama blog Anda.

Ada lagi search engine, kamu ingin cari artikel di mana: Google, Yahoo, atau blog kamu? Nah ini dia kode html-nya, kamu tinggal co-pas dan memodifikasi, misalnya search menjadi cari dsb.


GOOGLE SEARCH


<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://asahotakbersama.blogspot.com" name="sitesearch"
type="checkbox"/> BLOG</li>

</div>
</form>


YAHOO SEARCH

<div id="ysrchForm width:170px;margin:0 auto;padding:20px;position:relative; ">
<form id="searchBoxForm_undefined" action="http://search.yahoo.com/search" style="padding:0;">
<input value="UTF-8" name="ei" type="hidden"/>
<input value="ystg" name="fr" type="hidden"/>
<div style="padding:0 80px 0 0;zoom:1;">

<input onfocus="this.style.background='#fff';" type="text" id="searchTerm"
onblur="if(this.value=='')this.style.background='#fff
url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat'"
style="height:15px;border: solid 1px black; background:#fff
url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat;
position:relative;" size="33" / name="p"/>

<input id="btn_undefined" style="position:absolute;padding-left:10px;"
src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
value="Search" type="image"/></div><span padding:0; font:11px/11px helvetica, sans-serif;
list-style-type:none;="arial," margin:0; normal text-align:left;>

<li style="display:inline;padding-right:10px;">

<input id="web_radio" style="vertical-align:middle;margin-right:5px; "
value="" name="vs" type="radio"/>

<label for="web_radio" style="display:inline;vertical-align:middle; padding-top:2px; text-decoration:none;">WEB</label></li>

<li style="display:inline;padding-right:10px;">

<input id="site_radio" checked="checked" style="vertical-align:middle;margin-right:5px; "
value="http://asahotakbersama.blogspot.com" name="vs" type="radio"/>

<label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px; text-decoration:none;">BLOG</label></li>
</span></form></div>

Kedua contoh bisa diliat di sidebar, di bagian kanan halaman ini agak di tengah-tengah.

Nah, asahotakbersama.blogspot.com harus diganti dengan nama blog kamu. Kata WEB dan BLOG boleh diganti. Gitu aja kok repot. OK, selamat mencoba.

(Sumber: Kursus Blog)