» » » Cara membuat search engine

Cara membuat search engine

Memiliki blog/web adalah sebuah kebanggaan tersendiri bagi si pemilik, tapi bagaimana agar sebuah blog bisa di kenal oleh orang banyak? Tentunya kita sendiri yang harus bergerak untuk memberitahukan kepada para pengunjung blog bahwa kita memiliki sebuah blog dan caranya juga bermacam-macam seperti lewat iklan, email, sharing kepada teman maupun dengan menggunakan search engine.
Saat ini saya ingin sharing kepada para pembaca dan sekaligus artikel ini saya sajikan khusus kepada para blogger yang masih dalam tahap belajar atau bahasa kerennya newbie tentang cara membuat search engine.
Cara membuat search engine yang saya ketahui ada dua macam cara yaitu secara manual dan otomatis dan cara membuatnyapun amat sangat mudah karena sudah di sediakan oleh pihak blogger jadi tidak akan membuat sobat bingung hehehe... Untuk cara pembuatan search engine secara otomatis silahkan sobat ikuti langkah berikut ini:
1. Login ke Blogger dengan id dan password sobat. Jangan milik orang lain ya nanti yang punya marah karena akunnya di hack hehehe.
2. Klik Tata Letak.
3. Klik Tambah (add) Gadget
4. Pilih dan klik Kotak Penelusuran/Search Engine.
5. Klik Simpan dan selesai sudah pembuatan search engine ini di blog.
Sekarang coba lihat blog sobat dan seharusnya search engine tersebut sudah muncul di blog sobat.

Untuk cara pembuatan search engine manual dengan kode-kode yang lumayan rumit, cara pembuatan search engine ini ada tiga macam cara. Untuk cara membuatnya silahkan sobat ikuti langkah-langkah berikut:

Search Engine Cara Pertama
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik Tambah Gadget.
4. Pilih Html/Javascript.
5. Masukkan code di bawah ini pada kotak yang muncul:

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

 Ganti Url blog http://UrlBlogAnda.blogspot.com dan tulisan "Search" sesuai keinginan.
Contoh jadi search engine yang saya maksud kurang lebih seperti ini:



Search Engine Cara Kedua
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik Tambah Gadget.
4. Pilih yang Html/Javascript.
5. Masukkan code di bawah ini:


<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#f4f4f4">
<tr>
<td nowrap="nowrap" valign="top" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
</td>
</tr>
<tr>
<td nowrap="nowrap"> <input type="hidden" name="domains" value="http://UrlBlogAnda.blogspot.com"> </input> <input type="text" name="q" size="30" maxlength="255" value=""> </input><input type="submit" name="sa" value="Cari"> </input>
</td>
</tr>
<tr>
<td nowrap="nowrap"> <table> <tr> <td> <input type="radio" name="sitesearch" value="" checked="checked"> </input><font size="-1" color="#000000">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="http://UrlBlogAnda.blogspot.com"> </input><font size="-1" color="#000000">Blog Ini</font>
</td>
</tr>
</table> <input type="hidden" name="client" value="pub-"> </input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="channel" value=""></input> <input type="hidden" name="ie" value="ISO-8859-1"></input> <input type="hidden" name="oe" value="ISO-8859-1"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV: #336699;VLC:663399;AH:center;BGC:FFFFFF; LBGC:336699;ALC:0000FF; LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF; FORID:1"></input> <input type="hidden" name="hl" value="en">
</input>
</td>
</tr>
</table>
</form>
<!-- SiteSearch Google -->

Tulisan http://UrlBlogAnda.blogspot.com, Web, Blog Ini yang saya cetak tebal pada kode di atas silahkan ganti sesuai keinginan.
Contoh jadinya kurang lebih seperti ini:
Google
Web Blog Ini

Search Engine Cara Ketiga
Yang ini menggunakan background biar kelihatan sedikit cantik.
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik Edit Html.
4. Cari kode seperti ini ]]></b:skin>.
5. Jika sudah ketemu, copy kode di bawah ini diatas kode tadi:

#searchform{
position:left;
top:20px;
right:0px;
background: url(http://anas.ku93.googlepages.com/search-back.gif) no-repeat; right bottom;
height:59px;
width:210px;
}
#searchform #s{
background:#ffffff url(http://i254.photobucket.com/albums/hh92/eblogtemplates/itheme/form-field-bg.gif) no-repeat;
height:17px;
width: 148px;
margin: 30px 5px 0px 10px;
padding: 3px 7px 2px 5px;
color: #999999;
border: none;
}
#searchform #searchsubmit{
background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/itheme/searchbtnnk7.png) no-repeat left top;
height:24px;
width:24px;
border:none;
text-indent:-999%;
line-height:1px;
margin-top:6px;
}

6. Selesai dan Simpan Template
7. Langkah selanjutnya Klik Tata Letak.
8. Klik Tambah Gadget.
9. Pilih yang Html/JavaScript.
10. Copy dan paste kode di bawah ini pada elemen halaman yang muncul:

<form action="/search" id="searchform" method="get">
<div><input id="s" name="q" onblur="if (this.value == " onfocus="if (this.value ==" this.value="search" type="text" value="Search" /> <input id="searchsubmit" type="submit" value="Go" /></div>
</form>

Jika Sobat ingin membuat karya sendiri silahkan ganti link backroundnya dan atur penempatannya okey!!!...
http://anas.ku93.googlepages.com/search-back.gif ---> Ini adalah Link Backgroundya http://anas.ku93.googlepages.com/form-field-bg.gif -----> Ini Background Form http://anas.ku93.googlepages.com/searchbtnnk7.png ---> Ini Tombol Submitnya

DAN INI BACKGROUND YANG BISA SOBAT GUNAKAN
 
http://anas.ku93.googlepages.com/search-back.png

http://anas.ku93.googlepages.com/search-qwu.png

11. Selesai


Selamat Mencoba dan jangan lupa tinggalkan komentar yach, saya akan menghargai setiap komentar sobat.


Sumber Artikel: Kang Rohman, Anasku, yang saya gabung jadi satu.
0 Komentar untuk "Cara membuat search engine"