Update: It has been brought to my attention the following solution is buggy and may not return full results. I will update this post when a working solution is found.

There is currently a problem with Blogger’s Search Box gadget. For many users, searching with this widget will return No Results even though the search terms are present in the blog posts.

This Search Box widget is useful for several reasons. The main reason is that many users would like to place the search box in other areas of their blog. Some people have also disabled the Blogger Navbar which contains a working search box, perhaps because it appears on top of the entire blog and may pose as a design issue for some.

Here is my very simple solution if Blogger’s search function is not working for you.

The Navbar’s search

If you do a search via Blogger’s Navbar, you may notice the search results URL will look like this:

http://www.website.com/search?q=searchterm

My solution will return return the same URL and thus the same results as though you are searching via the Navbar. I actually have no idea how this works, perhaps someone can enlighten me with a comment below.

Here’s the solution:

Create a Blogger search widget

Login to your Blogger account and head over to Layout > Page Elements. Click on Add a Gadget at the bottom of the page and select HTML/Javascript.

In the Title field, enter Search or something similar. In Content, paste the following code:

<form action="search" name="input" method="get">
<input value="Search" name="q" size="20" type="text"/>
<input value="Go!" type="submit"/>
</form>

Hit Save and position the widget in the desired location. That’s it!

Related posts:

1. Prevent Blogger from resizing images