Membuat Search Engine Dalam Blog

Fitur "search" sangat berguna untuk menemukan kata-kata kunci yang ingin dicari. Dalam blog sudah barang tentu memiliki kata kunci tertentu yang terletak dalam postingan. Coba bayangkan ketika kamu berkunjung ke suatu blog, kemudian ingin mencari kata atau frase kata tertentu untuk dibaca. Namun dalam blog tersebut tidak memiliki fasilitas search, terpaksa deh kamu mencari manual dengan membuka postingan satu per-satu. Beruntunglah yang punya blog, apabila kamu termasuk orang yang sabar, tapi kalau ngga??? Sekarang hitung berapa jumlah orang sabar yang mau berlama-lama mengunjungi suatu blog, tapi lemah dalam fitur navigasi??? Yah... ujung-ujungnya setelah satu kali "say hello", pengunjung pada kabur mencari blog lain yang lebih user friendly. Maka dari itu fasilitas "search" sangat bermanfaat bagi kelestarian suatu blog. Nah, dalam trik blogger kali ini, kita akan belajar bersama-sama tentang bagaimana menambahkan fasilitas "search" dalam blog. Kalau kamu jeli, sebenarnya "search" sudah termuat dalam trik membuat menu horizontal sub divisi #nav-right. Yuk, kita review triknya!

1. login ke blogger kemudian ke menu layout terus page elements
2. cari tempat dimana mau dipasangi search engine kemudian add a page elements
3. Kemudian pilih HTML/JavaScript
4. kemudian taruh script dibawah ke text box

Bentuk dasar HTML untuk memunculkan fasilitas "search" adalah sebagai berikut :

<form action='http://blogmu.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' size="30" type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Cari'/></form>

Bentuknya kurang lebih seperti di bawah ini.

Kalau ingin kata "Teks kamu" dalam kotak search menghilang otomatis ketika kamu klik dalam kotak search tersebut, maka kamu perlu menambahkan kode (warna biru) sebagai berikut :

<form action='http://blogmu.blogspot.com' id='searchform' method='get' name='searchform'><input id='s' name='q' onblur='if (this.value == "") {this.value = "Teks kamu...";}' onfocus='if (this.value == "Teks kamu...") {this.value = ""}' type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Search'/> </form>

Demonya seperti seperti terlihat dalam fitur search optimasi blog, persisnya terletak di kanan atas dalam menu horizontal.

Catatan :

1. ganti tulisan blogmu dengan nama blog kamu
2. angka 30 menunjukkan panjang teks box search engine
3. tulisan Teks kamu adalah nama tombol submit yang bisa kamu ganti dengan katamu sendiri
4. Apabila kamu ingin agar kotak search tampil polos, hapus saja kata Teks kamu (warna merah).

Selamat membuat search dalam blog...

Artikel Terkait: