Cara Membuat Search Engine Pada Blog

 Search Engine - Mungkin masih ada diantara kita yang tidak tahu apa itu search engine, Sebenarnya kita sangat familliar dan bahkan sering menggunakannya untuk membantu kita melakukan pencarian. Jika diartikan kedalam bahasa indonesia search engine berarti mesin pencari, Secara umum search engine merupakan semacam portal penyedia informasi pencarian data yang diperlukan pengguna internet. Cara kinerjanya adalah dengan meng-copas seluruh halaman website yang tersedia di dunia, ketika data telah dimasukkan selanjutnya barulah diolah dengan bahasa algoritma. Tujuan peng-codingan menggunakan bahasa algoritma ini agar pengunjung bisa mencari data yang diinginkan sesuai dengan setelan algoritmanya.

   Website search engine milik Google dan Yahoo adalah penyedia kata kunci yang paling kita kenal. Pada umumnya kedua perusahaan internet ini akan menampilkan hasil pencarian secara berurutan sesuai tingkat rasio pengunjung atau akurasi dari suatu data "hits".

  Saya rasa cukup penjelasan singkat mengenai search engine ini. Untuk sekedar menambah kemampuan kita dalam membuat blog tidak ada salahnya kita mencoba tutorialnya dibawah ini meskipun kita tahu blogspot sudah menyediakan widget ini. Apakah anda percaya bahwa semua ilmu pengetahuan itu tidak ada yang sia-sia?  jika iya mari kita coba membuat sekaligus memasangnya di blog anda.

• Membuat Search Engine

1. 

<form action="http://margopblog.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>

2. 

<form action="/search" id="searchform" method="get" name="searchform"> <input class="keyword" id="s-m" name="q" onblur="if (this.value == "") {this.value = "Cari artikel..";}" onfocus="if (this.value == "Cari artikel..") {this.value = ""}" value="Cari artikel.." type="text"> <input src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KCPcfTqqcfZeHqQiYxzkEfHuKxQMW36KRAkQRz9SpBBF5lMF5YxCXc2JC0NxpI9mE2AFqzwveeXLnHmmYZMylUz-y9GeokWkYfimRvIr4C_z74jUbV65kjqSWpdoSoN5tV2o4nZHXYI/s200/search-c.png" style="border: 0pt none; vertical-align: top; padding-top:3px" type="image"> </form>

Note: Kedua jenis search engine di atas bisa anda pilih untuk diletakkan sesuai intruksi di bawah.

• Cara Memasang Search Engine

1. Login ke akun Dasbor Blogger anda.

2. Masuk ke halaman Edit Template.

3. Cari kode ]]></b:skin>  lalu Letakkan Kode CSS dibawah ini.

#search{border:1px solid #C9D7F1; height:23px; width:350px; padding:0; background:#f6f4f4;} #search input{border:0; background:none; color:#575757} #s{font-size:12px; width:130px; padding-left:4px; margin:0; background:none} #topsearch #search{margin-top:0px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#FFFFFF;border:1px solid #dedede;} #topsearch #s{width:400px} #src-m{border:1px solid #999; height:23px; width:400px; padding-top:2px; background:#f6f4f4; } #src-m input{border:0; background:none; color:#777} #s-m{font-size:12px; width:200px; padding-left:4px; margin:0; background:none} #tsrc-m #src-m{margin-top:0px;background-color:#FFFFFF;border:1px solid #dedede; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px} #tsrc-m #s-m{width:370px}

4. Selanjutnya masuklah ke Tata Letak dan Masukkan sintaks dibawah ini ke HTML/Javascript.

<div id="tsrc-m"> <div id="src-m"> Isi kode search engine pilihan anda disini </div> </div>

5. Simpan setelan dan lihat hasilnya.

Sekian tutorial kali ini semoga bermanfaat bagi anda dan terus berkarya, Kalau ada kesempatan mungkin saya akan meng "Upgrade" tampilan search enginenya di tunggu ya. Jika ada Kendala bisa anda tanyakan di kolom komentar dan kasih suatu tanda apabila anda berhasil Oke.