Membuat Kotak Pencarian/ Search Box

Postinganku kali ini tentang bagaiman cara membuat tombol kotak pencarian atau yang disebut search box. Widget kotak pencarian adalah sebuah kotak dimana anda dapat mengetikkan teks yang akan dicari di dalamnya. Nah, informasi yang anda ketik akan dikirimkan ke server untuk memproses teks yang anda cari untuk menemukan hasilnya.
Mudah kok, ini saya kasih kode HTMLnya yang standar saja ya, bila kawan ingin memodifikasi tinggal nambah-nambahin kode HTML sendiri.

 Nah, kode widget kotak pencarian sederhana untuk blogger yang biasa anda temui adalah seperti ini :

<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="search-box" name="q" size="25" type="text" />
<input id="search-btn" type="submit" value="Search" />
</form>

Dan menjadi seperti ini :



Bagian yang berwarna merah dengan tulisan "search-box" adalah tempat dimana nantinya akan diketikkan teks yang mau dicari. Contohnya bila "search-box" kita ganti dengan http://muhzaen.blogspot.com dan tombol kita klik, maka server akan mengarahkan ke blog beralamatkan http://muhzaen.blogspot.com.


Sementara pada tulisan "search-btn" adalah tombol yang akan ditekan untuk menyampaikan perintah pencarian ke server secara default. Namun dengan beberapa sentuhan teknik sederhana, kita dapat membuat tampilan kotak pencarian menjadi lebih cantik.
Tapi nanti, untuk sementara bagi yang belajar ngeblog cukup HTML yang sederhana saja.

Semoga bermanfaat dan sampai jumpa lagi di postingan aku berikutnya..
Jangan lupa follow : @muhzaenjepara
like fans page : muhzaen

5 comments:

  1. Terima kasih telah bersedia berkunjung??

    ReplyDelete
  2. Bagus postingnya salam kenal juga muhzaen
    link :http://zezenku.blogspot.com/

    ReplyDelete
  3. Oh mudah ternyata ya, menarik juga ya
    link balik di http://mangudinyap.blogspot.com/

    ReplyDelete
  4. makasih postingnya perlu dicoba nie
    http://rotibakaritali.blogspot.com

    ReplyDelete