We have already seen as to how we can add a search box in blogger which is plain and just serves the purpose.Now, we will see as to how we can add a search box in blogger/blogspot with a image , rather than a plain text button.

STEPS:

1. Layout -> Page Elements -> Add a Page Element -> HTML/JavaScript

2. Paste this code:

<p align=”left”>
<form id=”searchthis” action=”YOUR BLOG URL/search” style=”display:inline;” method=”get”>
<strong>NAME OF YOUR BLOG<br/></strong>
<input id=”b-query” maxlength=”255″ name=”q” size=”20“ type=”text”/>
<input id=”b-searchbtn” type=”image” src=”IMAGE URL” align=”top“/>
</form></p>

3. Edit the values in Blue and SAVE the widget and Template.

4.You are done.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.