Pinterest Stumbleupon Whatsapp
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.

Ads by Google

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.

  1. Kyle
    May 9, 2009 at 2:26 am

    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:

  2. vinstein
    April 14, 2009 at 12:01 am

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

  3. Johan
    April 8, 2009 at 4:47 am

    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

    • Kyle
      May 9, 2009 at 2:27 am

      try this slightly adjusted code:

  4. Durkin
    February 7, 2009 at 9:48 am

    thanks a lot for this!

  5. Steve
    January 9, 2009 at 2:49 pm

    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
      January 12, 2009 at 1:33 am

      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
        January 12, 2009 at 10:25 am

        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

  6. jhkhv
    December 7, 2008 at 2:15 am

    fjbfbh b
    fbg b

  7. Coolbuster
    November 16, 2008 at 7:44 pm

    nice one. many thanks!

  8. CIAvash
    November 8, 2008 at 9:45 am

    very good.thanks.

  9. Ted Murphy
    November 5, 2008 at 4:08 pm

    Heh, worked for me, thanks!

  10. Jim
    November 5, 2008 at 10:57 am

    I'm a little dense so maybe you can explain the use of this blogger search feature.

    If a person comes to your blog and isn't familiar with your content, how would they know what to type into the search field and as venkat mentioned, there is already a search field in the nav bar so it would be repetitive to have both (unless one has gotten rid of the nav bar).

    • Wendy
      November 5, 2008 at 2:10 pm

      Jim,

      This search trick is for a blogger blog that does not already have a search feature. Some templates already include a search box while others do not.

      Wendy

      • Jim
        November 5, 2008 at 4:07 pm

        Wendy-

        Thanks for the explanation. I thought maybe I was think-headed and was missing something there.

        When I finally decide to rid my site of my nav bar, I'll use the one you've provided.

        -Jim

  11. venkat
    November 5, 2008 at 12:35 am

    Nice find ,there is also search in blog feature also available in Blogger navbar.

Leave a Reply

Your email address will not be published. Required fields are marked *