Though the Google bloggers template will have the default search functionality, due to the increasing number of users who are going with customized blogger templates, it has become mandatory that we have a special search functionality for the blogs.

This post will explain you how you can add a search bar for your blogger blogs.

1. Layout -> Page Elements -> Add a Page Element -> HTML/JavaScript

2. Paste this code:

<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=”Search“ type=”submit”/>
</form></p>

3. Edit the values in Blue and SAVE the widget and Template.

4.You are done.

This is what you will see in your Blog.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.