Tutorial Membuat Cute Search Box

   

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

<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,Good Bye..