6 Search Box Untuk Blog

Pasti para temen-temen Sa Hyun disini senengkan baca judul post ini??? Ah, mukanya senyum-senyum gituu. Oke deh kalau pada gak sabar menanti-nanti, sebelum busuk hehe :) oke Cekidot!


Cara pasang dulu yaa..

• Denim dan Simple Template: Tata Letak - Tambahkan gadget - HTML/Javascript - copy dan paste kode di bawah di kotak bawah
• Blogskin dan Classic Template: Template - copy dan paste kode di bawah di atas kode </style>

1. Simple :)

<center><form action="/search" id="searchThis" method="get" style="display: inline;">

<input id="searchBox" name="q" onclick="this.value=''" style="width: 200px;" type="text" value="Ketik Disini..." /><input id="searchButton" type="submit" value="Search!" /></center>

2. Stylish#1

<center><form action="/search" id="searchThis" method="get" style="display: inline;"> <input id="searchBox" name="q" onclick="this.value=''" style="background:#FCB8D4; color: #000000; font-size: 13px; height: 17px; width:150px;" type="text" value="Ketik Disini..." /><input id="searchButton" style="background: #FF8AB9; border-color: #000000; color: #FFFFFF;" type="submit" value="Search!" /></center>

3. Stylish#2

<form action="/search" id="searchthis"

method="get" style="display: inline;">

<input border="Pink" id="search-box" name="q" size="25" type="text" value="Search here" /><input id="search-btn" src="Url Icon" style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /><br />

<br /></div>

</form>

4. Stylish#3

<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #fff; border: Pink dashed 1px; color: Pink; font-size: 10px; width: 200px;" type="text" value="Search~ ♡" vinput="" /> <input id="searchButton" style="background: #fff; border: Pink dashed 1px; color: pink; font-size: 9px; padding-top: 3px;" type="submit" value="Go" /></form>

5. Stylish#4

<form action="/search" id="searchThis" method="get" style="display: inline;">

<div style="text-align: center;">

<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px; border: Pink solid 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text" value="Search here" vinput="" /> <input id="searchButton" style="background: Pink; border-radius: 5px; border: Pink solid 1px; color: white; font-size: 11px; padding: 4px;" type="submit" value="Find" /></form>

6. Stylish#5

<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: #fffafb border: 1px solid Pink;" type="text" value"Search" />

<input id="search-btn" style="background: #fffafb; border: 1px solid Pink;

color: Pink; font-weight: bold;" type="submit" value="Go!" /><br />

<br >

</form>

okee.. suka yang mana nii... Semoga suka yaa

Like dan Komentar ya :) 

---

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

---