(Just) 5 steps to Add Search Box in Blogger [Default & Custom] - with Pictures Guide

Some blogger templates (even custom templates) don't provide a search box for blogger websites. 

So in order to improve the User Experience (UX) and to help the readers to find what they looking for on your website, you should add a responsive search bar for blogger blogs.

I didn't have a search bar on this blog until two weeks ago but after understanding its purposes and the advantages of having it, I added it to this website.

So in this blog post, I will be describing "How to add search box in Blogger" and its uses.

How to add Search Box in Blogger

Google Blogger provides a default search box that can be added to your websites as a widget. 

You can also add a customized search box for better design and UX by adding the HTML code as a widget to your theme.

So let us see both methods.

Add Default Search Box in Blogger

1. Login to Google Blogger account.



2. Select "Layout" from the left navigation panel and on the following main page, select the "Add a Gadget" option on the sidebar.









3. Blogger opens the page with the list of gadgets to add to a website, from that select "Blog Search".  









4. On the following page, you can configure the search box. You can change the search bar's name in the "Title" box, to what you want to display on your website. 



5. Once you finished the configuration, click "Save" to add it to your website.

You can also move that search box gadget to any part of your website (depends on your blogger template).

You can also hide the search box by changing its visibility on the configuration box.

If you followed the above method correctly, your blogger search bar appears like shown in the below image.

If you want to provide a better User Experience (UX) then you should have Adsense friendly blogger template.

If you want to learn this method in a video format or want to see it working, watch the following YouTube Tutorial.

Now you know how to add the default responsive search box for blogger, so let's see about adding a custom search box to your blogger website.

Add Custom Search Box in Blogger

1. Login to your Google Blogger account.



2. Select "Layout" from the left navigation panel and on the following main page, select the "Add a Gadget" option on the sidebar.



3. Blogger opens the page with the list of gadgets to add to a website, from that select "Html/Javascript".  









4. In that following page, add the HTML code or Javascript on the "Content" box after switching it to "Edit Html" from "Rich Text". You can also change the search bar's name in the "Title" box, to what you want to display on your website. 



5. Once you finished the configuration, click "Save" to add it to your website.

After saving it, your website will have a custom search box using your given code.

If you want to learn this method in a video format or want to see it working, watch the following YouTube Tutorial.

Now you know how to add search boxes in blogger, let's see why is it important to have it on your website.

Why should add a Search Bar in Blogger?

• The search box helps users to directly find the content they looking for on the website (especially in larger websites) easily.

• Helps readers to navigate through the website more effectively.

If your website has 100s of blog posts, it would be nearly impossible for readers to go through your website to find the information they needed from a particular blog post.

But if you have a search box, readers can search the query on it and can find your blog post related to that query.

Tip - You can also find what readers are searching on your website (using that search bar) from your Google Analytics report. 

To find what your readers looking for on your website,

1. Go to Google Analytics.



2. Select the "Behaviour" menu on the left navigation panel. From the drop-down menu select "Site Search".



3. From the drop-down menu, select "Search Terms" to find what queries that readers searched on your website using that search box, as shown in the below image.

Now you learned the importance of having a search bar and also discovered a new way to discover new keywords and content ideas straight from the readers.

People Also Ask 

1. How to add a Search box in Blogger Header?

Select the "Add a Widget" option on your Blogger Layout, select the "Blog Search" widget, and click "Save" to add it to your website. Now click and drag that added search bar widget to your blogger header and place it there. 

2. How do you add a table of contents to Blogger?

There are two types of HTML codes to add a Table of contents (TOC) to your blogger website. One is using the "Bloginos Code" and the other is using the "Modified Bloginos Code". These are two different methods for different blogger templates.

Conclusion

Thus these are two methods to add a search bar on your blogger website.

I hope you guys found the necessary information that you needed to know from this blog post.

Please comment on your thoughts about this blog post and about my website.

If you want to learn more about Blogging, SEO and YouTube then I suggest you guys check out my following articles.

Read - 1 (simple) way to access Google Keyword Planner without Ad Campaign.

Read - 8 [Best] YouTube Alternatives.

Read - 12 [Most Helpful] Podcasts for Bloggers.

Stay connected with this website to receive tips about Blogging.

If you like this article, please share it to help other others who are all struggling with this same problem that you're facing, and after all,

Sharing is Caring.

Thank you, Have a nice day.