Add Simple Search Bar For blogger

Add simple and unique search bar for you blogger follow below few simple steps to add Search bar

1.Go to blogger.com >> Design >> Add a Gadget >> HTML/JAVASCRIPT

Paste the below in code in HTML/JavaScript

<form id="searchThis" action="/search" style="display:inline;" method="get">
 <input id="searchBox" name="q" size="20" type="text" value="Search This Blog...." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> <input id="searchButton" value="Search" type="submit"/>
</form>

Note - To change the width of the search bar increase or decrease '20' in red.Change 'Search' in red to the text you want on the button.


Click Here To View DEMO

Subscribe to Our Feeds !