Create a HTML/Javascript widget in your blog and Just copy this code into that widget. or you can also put this into your template. And replace YOUR-BLOG-NAME with your own blog name or your domain name. Finished!.

1. Search Form - Java Script Enabled Mode
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
<input id="s" onfocus="if (this.value == 'Search ...'){this.value = '';}" value="Search ..." name="q" onblur="if (this.value == '') {this.value = 'Search ...';}" type="text"/>
<input id="sbutt" value="Search" type="submit"/>
</form>

2. Simple Search Form
<form id="searchform" action="http://YOUR-BLOG-NAME.blogspot.com/search" name="searchform" method="get">
Search : <input id="s" value="" name="q" type="text">
<input id="sbutt" value="Search" type="submit">
</form>

Here is the Demo of Search Form enter some text and search in my blog.
Copy the above code or download the code from the following download link. If its not working fine then make a comment in this post I will help you as soon as possible.

Demo | Download Code



Related Posts by Categories