How To Add A Search Box to Blogger

Every blog should include a search box to make finding things easier. Follow these step-by-step instructions to add one to your blog for free.

Note: These instructions are for Blogger.com blogs only.

Step 1: Log into your Blogger.com account.

Step 2: Click the Layout tab from your blog Dashboard.

Step 3: Click Page Elements.

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

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

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

Step 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>

Step 8: Click Save.

Step 9: Click Preview.

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.

Step 10: To test the search functionality click View Blog.

Now you have a simple way for viewers to search your blog and the results will appear embedded in your main blog pages so it looks professional.