Cara membuat Search Button di Blog

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 menambahkan kode (warna biru) sebagai berikut :

<form action='http://#/search' 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 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...