Add a simple Search Box widget to Blogger.

Go to you blogger accounts dashboard, a choose the layout option,the layout of your blog will be presented to you.
Simply select the Html/Javascript from the sidebar's layout.
In case you don't find it there, simply click on add gadget from the side bar and choose "HTML/Javascript" form the list.

This is how that option looks in the list of widgets.

Now, click on Edit to edit the widget,

Enter the Title to be : Search Blog


and in the Content part copy and paste the following code and save it. Thats it you are done.




<div class="searchform"> <form method="get" id="searchform" action="/search"> <table width="100%"> <tr> <td>
<input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == "Search this blog...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Search this blog...";}" name="q" id="sbox" class="sbox">
</td> <td width="75px"><input type="button" Value="Search" id="sbutton" class="sbutton" alt="">
</td> </tr> </table> </form> </div>




You can also customize the look of your search widget by adding style and CSS to it.