Putrin Blog: Cute Search Box

Home About Linkies Stuff Rules

Jumat, 30 Oktober 2015

Cute Search Box

Mau cute search box?? yuk, read more...
Assalamu'alaikum,aku ada tuto nih.Tutorialnya adalah tentang Cute Search Box.Pastekan kode Cute Search Box di tempat yang kamu mau seperti sidebar ataupun entri.Ini dia kodenya...

Credit,thanks to :Kak Salsa  dan kak kak Kinanti
<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>


<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 /></div> </form>


<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="http://i11.photobucket.com/albums/a168/evelynregly/4-4.png" style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /> <br /></div> </form>


<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>
Bagaimana?Semoga berhasil ya.Oke, Wassalamu'alaikum...


1 komentar :