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.