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:
<form id="searchthis" action="http://www.o-om.com/search" style="display: inline;" method="get"> <input gtbfieldid="8" id="b-query" maxlength="255" name="q" size="20" type="text"> <input id="b-searchbtn" value="Search" type="submit">
Below, the code which you can use:
<form id="searchthis" action="http://</font><font color="#ff0000">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!
</form>
To change standard search button with icon:
Code which you can use:
<form id="searchthis" action="http://www.o-om.com/search" style="display: inline;" method="get"> <input gtbfieldid="9" id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"> <input id="b-searchbtn" alt="Search" src="http://oom.blog.googlepages.com/search.gif" align="top" height="19" type="image" width="18"> </form>
Below, the code which you can use:
<form id="searchthis" action="http://</font><font color="#ff0000">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="</font><font color="#ff00ff">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.
blog.zoomtemplate.com