How To Add A Simple Search To Your Blogger Blog

Ads by Google

Every blog should include a search feature. If a reader has to click on every page or in every category to find what they are looking for then they may leave out of frustration. Adding a search feature will make your reader happy and it is easy to do.

Many of the Blogger templates do not include a search box. These simple instructions will show you how to add one to your blog.

Note: These instructions are for Blogger.com (Blogspot) blogs.

Add search box to blogger

Follow these simple instructions:

1. Log into your Blogger.com account.

2. Click the Layout tab from your blog Dashboard.

3. Click Page Elements.

4. Click Add a Gadget above the section you want to put your search box in.

5. Click the plus sign next to HTML/Javascript.

6. Type Search this site (or whatever you want) in the Title box or leave it blank.

7. Copy and paste this HTML code in the text area.

  • To modify the width of the search box change the size=”XX” number.
  • To center the search box add <center> before <form… and </center> after </form>.

<form id=”searchthis” action=”/search” style=”DISPLAY: inline” method=”get”><input id=”search-box” name=”q” size=”25″> <input id=”search-btn” value=”Search” type=”submit”></form>

Add a simple search box to your blog

7. Click Save.

8. Click Preview.

9. You may have to drag the search gadget into a new area until you get it positioned where you want it to show on the blog.

10. To test the search functionality click View Blog.

Add a simple search box to your blog

Now you have a simple way for viewers to search your blog and the results will appear embedded in your blog so the reader isn’t taken off onto a new page or a site that doesn’t look like yours.

Comments (16)
  • Kyle

    The code has a slight error (at least for my site). As with others who have commented, I couldn’t get the ‘search button’ to show up and work. Here is the code without the extra quotation marks:

  • vinstein

    Hey thanks.. workin great..
    How can i add Previous and next links to my blog entries??

  • Johan

    This is what i have been looking for. I have removed the blogger navbar and I´m really missing the search function.

    BUT SADLY, this does not work on my page. I only get two text boxes the top one emty and the bottom one with the text “searh”.
    What is wrong, please help me

  • Durkin

    thanks a lot for this!

  • Steve

    Hi Wendy

    I followed the instructions but the search button shows up , but it doesnt work .I can type in the query to search but cant click on the search button to get results.

    • Wendy Limauge

      Steve, Did you ever get the search box to work on your site? I took a look and it looks like you are using the Google search feature now.

    • Steve

      Hi Wendy,

      I did add teh search box but it did not work , it was just a static button .That’s why i replaced it with the google search .I would love to use the search box …

      Thanks
      Steve

Load 10 more
Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.
Affiliate Disclamer

This review may contain affiliate links, which pays us a small compensation if you do decide to make a purchase based on our recommendation. Our judgement is in no way biased, and our recommendations are always based on the merits of the items.

For more details, please read our disclosure.