How to Create Search Engine in 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://yourblogname.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://yourblogname.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://i330.photobucket.com/albums/...........jpg" 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.

Anda Sudah Baca Yang Ini? :