Put a Search Box on Your Blogger

In order to make visitor feel comfortable when searching,
actually Navbar Blogger have a search box already. But, sometimes we want to
put a search box on your blogger. Our reason is, to put it anywhere we want,
of course.

Example of Search box:

Below, the code which you can use:

<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display:inline;" method="get">

<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

<input id="b-searchbtn" value="Search" type="submit"/>

Don’t forget to change the red text with your own blog name!

To change standard search button with icon:

Code which you can use:

Below, the code which you can use:

<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display: inline;" method="get">

<tr>

<td nowrap="nowrap" valign="top" height="16" align="left">

<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q"
size="22" type="text"/>

<input id="b-searchbtn" alt="Search" width="18" src="http://oom.blog.googlepages.com/search.gif"
height="19" align="top" type="image"/>

</form>

Don’t forget to change red text
above with your own blog name. In order to change the image icon, you can change
pink code above with address that stores your
image.