Membuat Search 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. 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,
Bentuk dasar HTML untuk memunculkan fasilitas "search" adalah sebagai berikut :

<form action='http://#/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' 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 merombak kodenya seperti di bawah ini :

<form action='http://#/search' class='searchform' method='get'><input class='searchfield' id='q' name='q' onblur='if (this.value == "") {this.value = "Teks kamu…";}' onfocus='if (this.value == "Teks kamu…") {this.value = ""}' type='text' value='Teks kamu…'/><input class='searchbutton' type='submit' value='Cari'/></form>

Catatan :

1. Ganti tanda "#" yang berwarna hijau dengan alamat blog kamu.


2. Apabila kamu ingin agar kotak search tampil polos, hapus saja kata Teks kamu (warna merah).

Selamat membuat search dalam blog.

Tweet

Anda Sudah Membaca Membuat Search dalam Blog Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan share Facebook like diatas/sharing tool. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku. (MENCURI adalah pekerjaan PENGECUT ! © room-tutorial.blogspot.com)