Sunday 30 June 2013

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 :
Blue text : Background color
Brown text : Border color
Fuchsia text : Text colour
Orange text : Search text

..........................................................
PREVIEW AND SAVE
Kalau tak faham tanyalah
..........................................................

7 comments: