Customize search box

Assalamualaikum and hello everyone...since someone ask me how to add a search box like mine so, I make the tutorial...firstly...

The preview...

For template designer :
www.blogger.com --> layout --> add gadget --> HTML/Javascript

For blogskin :
www.blogger.com --> template

Copy the code below :

<br /><center><form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" style="background: #EBF5FF; border:1px solid #D6EBFF; color:#444444; font-size: 13px; width: 150px;" type="text" value="" onclick="this.value=&#39;&#39;" /><input id="searchButton" style="background: #EBF5FF; border:1px solid #D6EBFF; color:#555555; font-size:12px;" type="submit" value="Find it" /></form></center><br />

For template designer : Paste the code in the HTML/Javascript box...
For blogskin : Paste the code everywhere you want it to appear in your sidebar code...

The notes :

Colour code here

Blue text : Background color

Brown text : Border color

Fuchsia text : Text colour

Orange text : Search text

..........................................................

PREVIEW AND SAVE

Kalau tak faham tanyalah

..........................................................