Content feed Comments Feed

Add Search Box In Blogger

Posted by Wonderful-Tricks
ADVERTISEMENTS

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 Change the values in red to your Blog Name and URL.

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

Your Ad Here

0 comments

Post a Comment

Blogumulus by Wonderful-Tricks

Followers