|
The Intro
 My Tagboard
 Credits!
 
| Tutorial Search Box Cara Baru Tuesday, March 5, 2013 • Permalink • Add comment {0} Hello Darling :* Yang Nih Ain Buat Tuto Daripada Orang Lain Hope Awak Paham :3
Version 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>
Hint Merah : Gantikan perkataan Go dengan perkataan yang korang nak macam Searchke Enter ke ape ke. Version 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> Hint Merah : Gantikan dengan style dan bentuk yang korang suka Contohnya kalau outset tu,korang boleh ganti dengan Dashed ke Dotted ke ape ke. Purple:Gantikan dengan warna dan background yang sesuai dengan template korang di sini
Version 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>
Hint
Merah : Gantikan dengan icon yang korang nak di tepi dia di sini
Hijau : Gantikan dengan saiz yang sesuai di sidebar korang.
Ungu : Tukarkan perkataan Enter Search Term dengan perkataan yang korang nak dalam kotak tuh.
Credit : Diya Sesame :) |
You can copy any code or open the source view pages in my blog.
Do not take freebies or tips - tips in this blog and make your property.
Do not comment annoying things and fooling around in the blog.
