menyediakan informasi unik,menarik tentang segala sesuatu yang ada di sekeliling kita

Membuat Kotak Pencarian (Search Box) yang Simple


Hampir di semua website kita dapat menemukan kotak pencarian atau search box yang sangat bermanfaat bagi pengunjung untuk mencari yang mereka inginkan dan bermanfaat pula untuk pemilik website sehingga pengunjung dapat berkunjung lebih lama.

Sebagai pemilik website mungkin anda pernah mengalami kebosanan dengan bentuk search box yang ada dan ingin memberikan beberapa sentuhan agar lebih simple, komunikatif dan tentu saja lebih menarik lagi bagi para pengunjung untuk memanfaatkannya.

Untuk membuatnya, kita hanya cukup mengutak-atik sedikit halaman searchform.php. Default yang diberikan oleh WordPress adalah sbb:
<form method=”get” id=”searchform” action=”<?php bloginfo(‘url’); ?>/”>
<div><input type=”text” value=”<?php the_search_query(); ?>” name=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”Search” />
</div>
</form>

Tampilannya sebagai berikut
Sebagai contoh kita akan merubahnya menjadi :
  1. Tanpa tombol Search dan digantikan dengan teks "Cari disini" di dalam box.

  2. Informasi "Ketik yang anda cari lalu tekan enter" pada saat kursor mendekat ke dalam box


Maka form tersebut akan kita edit dan menjadi :
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <div><input type="text" value="<?php if(is_search()) {the_search_query(); } else {echo 'Cari disini';}?>" name="s" id="s" title="Ketik yang anda cari lalu tekan enter" onfocus="if(this.value=='Cari disini')this.value='<?php the_search_query(); ?>';" onblur="if(this.value=='')this.value='Cari disini';" /> </div> </form>

Tampilannya menjadi sebagai berikut