Add Search Box In Blogger

You can add a search box on your blogger templates, to give your readers a chance to search your blog. The advantage by adding this search box is that the result is showed in the main body of your blog unlike the search box in the top navigation bar.

Before you do anything to your template, please back up your template.

How to backup blogger template?

Login to your blogger, go to Layout -> Edit HTML -> Download Full Template

After you backup your template, let's add the search box in your blog.

Under Template go to Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

And copy the code below and paste to your new page element.

<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" value="Hit" type="submit"/>
</form></p>

Remember to the values in red.

You can also change the “Hit” button to say, “Search” or “Go”, or change the size by changing the Value in blue.

Example:

Search Here

Whereas a width size="30" and value="Hit" will give you this :

Search Here

Good luck.

See Also :

How to Create a “What’s Next?” After Every Post In Blogger

Top 10 Blogger Hacks and Tips

Put Paypal Donation Code to Your Blog/Site

Creating Expandable Post

Add Digg button

Change Blogger Favicon

Add Language Translation

10 Questions Every Blogger

Hide Navigation Bar

Convince People To Comment

Put Clock In Your Blog

Change Post Date To Calender...

Add Social Bookmark Icons

Best Way To Get Backlinks

Some common mistakes people make when choosing a topic to write

10 Blog Traffic Tips

Reporter vs Expert - Why Most Bloggers Are Stuck Reporting

Tips for Installing Blogger template