Friday, May 21, 2010

Membuat Simple Search Box

Coba lihat Search Box Kelpo di atas MENU (sidebar kanan), search box itu dibuat secara manual. Sebenarnya beberapa template sudah menyediakan search box, juga ada gadget search box dari Google, namun lebih mudah dimodifikasikan dengan manual.

CARA MEMBUAT SEARCH BOX SEDERHANA



 Ini code untuk membuat Search Box.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #ffA500; border: 4px solid #000000" />
<input id="search-btn" value="Search" type="image" src="URL Gambar Tombol Search" style=" margin-left: 5px; margin: 3px 0 0 5px;" />
</form>


Yang berwarna ungu adalah ukuran search box.

Yang berwarna kuning merupakan warna background search box kamu. Misalkan warna putih #ffffff.


Yang berwarna hijau merupakan warna border search box kamu. Misalkan warna merah #ff0000.

Yang berwarna merah merupakan URL gambar tombol search kamu. Misalkan tombol search kamu gambar kaca pembesar.

Selamat mencoba, jika ada pertanyaan silahkan isi chatbox Kelpo. 

No comments:

Post a Comment

 

blogger templates | cemen