Tutorial Search Box

hye
iema nax kongsi tutorial nie kat korang semua
ade 2 cara nax letax search box kat blog

CARA PERTAMA
log in blog -> Dashboard -> Layout -> Add a Gadget -> Add Search Box

CARA KEDUA
Dashboard -> Layout -> Add a Gadget -> HTML/Javascript
copy dan paste salah satu kod di bawah
 P/S : nax copy, highlight dan guna ctrl + c

yang biase
<center><form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onclick="this.value=''" style="background: #ffffff;
color: #000000;
font-size: 13px;
height: 20px;
width: 190px;" type="text" value="Cari Apa Disini?" /><input id="searchButton" style="background: #ffffff;
border-color: #cccccc;
color: black;" type="submit" value="search" /></form></center>
yang berwarna dan tulisan lebih menarik
<center><form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onclick="this.value=''" style="background: #DB944D;
color: #000000;
font-family:Kristen ITC;
font-size: 13px;
height: 20px;
width: 190px;" type="text" value="Cari Apa Disini?" /><input id="searchButton" style="background: #DB944D;
border-color: #ff3399;
color: black;font-family:Kristen ITC;" type="submit" value="search" /></form></center>
color biru muda, color background pada kotak seacrh box
color hijua tua ,color tulisan
color oren ,jenis tulisan
color hijau muda ,ayat korang
color biru ,color background pada button search
color kuning,color border pada button search

dah siap edit save
selamat mencuba 

2 comments:

najiahs said...

thanks dengn tuto nie..:)