6.11.2008

Add Search Box In Blogger

1 comments

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


    Comments

    1 comments to "Add Search Box In Blogger"

    aka william said...
    October 27, 2008 at 2:34 AM

    The best and easiest and simplest search box I've come across.

    Post a Comment