Cute Search Box

 

Hi! online again! miss me? i sure you are! or not, i will... Buk! Buk! Haha.. just kidding... i'm bored today, yup! this is Friday! always online! i want to make a new tutorial again, because the old tutorial is been REDONE! this tutorial is made it by : Rana. Continue please...

 

Yup! that is the search box!

first, go to Template > Layout > Add a Gadget > HTML/JavaScript
second, copy the code below and paste in the HTML/JavaScript code box:

<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: #cdeff7 dashed 1px; color: #a7a7a7; font-size: 10px; width: 230px;" type="text" value="Search~ ♡" vinput="" /> <input id="searchButton" style="background: #fff; border: #cdeff7 dashed 1px; color: #a7a7a7; font-size: 9px; padding-top: 3px;" type="submit" value="Go" /></form>

note:
red: the background color
blue: border color
green: border style (dashed, solid, dotted)
italic: the width of the box
aqua: border thickness
pink: font size
orange: border color
bold: search box name

Preview and save! i hope you enjoy!