How to add Custom Search Box to Blogger

Search boxes are popular widget in most bloggers.Most of you will like to have your own search box to search only blog contents.It can be added to your header or left or right side bar or footer sections of your blogger template.You need to add simple piece of code,Here is the way to do it!

Steps:-

1.Log in to Blogger Dashboard
2.Go to  Layout
3.Click add a gadget link where you need search box to appear
4.Select “HTML/JavaScript” in popup window
5.Copy paste following  code inside your "HTML/JavaScript" window.

<p align="left">
<form id="searchthis" action="http;//example.blogspot.com/search" style="display:inline;" method="get">
<strong>Example blog search<br/></strong>
<input id="b-query" maxlength="270" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

6.Click save.View your blog.

Change http;//example.blogspot.com to your blog URL
Change Example blog search to your blog name search

You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.
Change the length of box by editing the "270" value

 Our simple search box would appear like this

Example blog search