Search Box on Your Blogger

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.

Like with this post? Please share to your Sosial Network:

Feed Email Subscribe:

Related Jobs Vacancy:

Tags For:

Zoom Application 2011 » Free Zoom Application October 2011 » Blogger Tutorial