Search Box Cara Baru

nie dia search box versi baru ! sesuai untuk semua jenis blog ;)

okey jom kite tgk jenis2 search box yg ade ! dan copy code k ?

versi 1 

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>

• yg warna merah tu boleh tukar dgn ENTER ke ape ke :)

versi 2

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"/><input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/></form>

• merah tu korang boleh tukar dgn style yg korang suka same ade dashed / dotted 
• purple kt sini 

versi 3

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" value="Enter search terms"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

• merah tukarkan dgn icon yg korang nk tepi dia click
• hijau ganti saiz yg sesuai
• purple ganti Enter seacrh terms  dgn own words korang

done ! selamat mencuba !!