Tutorial letak search box (blogskin)

Nisha | 00:52:00 | 0Comments |


1. Dashboard > Template
2. Copy dan paste code ni dekat tempat yang korg nak letak search box tu

VERSION 1

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

VERSION 2


<form action="/search" id="searchthis"
 method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20
style="background: #FFE4ED; border: 1px solid #D0D0D0;" type="text" />
<input id="search-btn" style="background: #FFE4ED; border: 1px outset #D0D0D0;
 color: white; font-weight: bold;" type="submit" value="Search" /><br />
<br /></div>
</form>

VERSION 3


<form action="/search" id="searchthis" 
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20" type="text"
value="Enter search terms" />
<input id="search-btn"src="URLICON
style="margin-left: 5px; margin: 3px 0 0 5px;" 
type="image" value="Search" /></div>
</form>
Oren : saiz box
Biru : warna background
Hijau : warna border
Ungu : URL icon
kredit to Unnie

No comments:

© Copyright 2013 | ALL Right Reserved to Owner. Design With Love by Nurrul.