Sunday, March 18, 2012

How to Insert a Blogger Search Box in Your Blog

Blogger blogs give you an opportunity to insert a Web search box or your blog search box that your visitors can use to either search for information from the internet or from your blog. Depending on what you want, you can either choose to have the Web Search Box or Your Blog Search Box.

There are two ways that you can use to insert the search box;

First, simply go to Blogger - Dashboard - Design. Click on Add Gadget, then choose HTML/Javascript and insert the following codes wherever you want your search box to appear.

<p align="left">
<form id="searchthis" action=" THE URL OF YOUR BLOG
/search" style="display:inline;" method="get">
<strong>YOUR BLOG NAME
<br/></strong>
<input id="b-query" maxlength="255" name="q"
size="20"
type="text"/>
<input id="b-searchbtn"
value="Search"
type="submit"/>
</form></p>

Insert the URL of your blog/website in between the code shown above as well as the name of your blog. You can also change the size of the box by simply playing around with "size ="20" to any number that you want. If you want to change the name displayed just below your search box, change the word "value"="Read More" or whatever you want to be displayed. 

The other way  is by going to Blogger - Dashboard - Design. Click on Add Gadget, chose the Search Box icon and on the small pop up window, give a Title to your blog search box and select the box next to This blog then click on Save. 

If you check your blog, you will find a search box which your readers can use to search for more information in your blog/website.

2 comments: