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.
0 comments