Add Google Custom Search Engine In Blogger – Google Search Bar

How To Add Google Custom Search Engine In Blogger – Google Search Bar

A blog, in order to give a best user experience must possess three important things. One is commenting system that helps users to interact with each other’s. Know how to Enable Or Disable Comments in Blogger. The second one is showing dates in posts (timestamp) that helps visitors to know whether the content is evergreen or not. Here is how to Show / Hide Post Dates And Time in Blogger. The third one is search bar that helps visitors to discover more interesting content within your site. Here we will see how to add Google custom search engine in Blogger.

When it comes to crawling the internet or a website nothing can surely beat Google's searching technique. Blogger Templates that are found in various designs and colours often have custom search boxes in it, which I am sure you might have observed are incapable of displaying the relevant results. These search boxes by default are limited to their ability of searching each and every word of your blog. The best solution is to use Google Custom Search Engines (CSE) that are extremely efficient in digging out the most important data from your blog and displays it to the visitor. This increases the number of pageviews and page impressions of your blog because the reader is kept engaged in reading more and more. Further you can easily integrate your Google AdSense Ads to your Google Custom Search box, which again increases your blog revenue for every click made on the search results. So let’s create and install a beautiful Google Search box for your blog.

How To Add Google Custom Search Engine In Blogger – Google Search Bar

Also Check Out Below Guideline!

How To Add Disqus Commenting System In Blogger

How To Create A Custom Google Search Engine?

To create a custom Google Search Engine for your blogger blog; you need to jump over these steps as I have listed below.

1. Go To Google CSE.

2. Hit the "Create a custom search engine" button.

3. Fill the form as shown in the screenshot below.

4. Click on "Create" button.

Now you will see a success page that says “you’ve successfully created your custom search engine”, yes you are! To see how it works click on public URL and start searching your site. The Google custom search engine is very basic, so before adding it in your blog we will customize it.

5. To customize the search engine go to control panel or click on edit search engine at the left hand side. Now under setup you will have five settings. Here you can give search engine keywords, search engine description, enable image search if you want etc. You can also integrate your Google Adsense account, add users and there are more advanced options. After the search engine configuration move on to look and feel settings.

6. Under look and feel you will have different themes and layouts to choose from. Customize it as per your needs and you will see the preview of this search bar towards your right side. When you finally get the desired look and feel, click on save and get code at the bottom.

7. Now grab the script, login to your Blogger blog, move to Layout, click on add a gadget, choose HTML / JavaScript gadget, add the script into it and finally save it. Arrange the gadget to the desired position where you wish to render the search bar.

Now go and check your blog where you have added Google custom search bar. If you don’t like the look and feel then you can customize it again and drop the code in your blog.

Add Google Custom Search Engine To Blog Posts

To add the search engine just below your blog posts then please follow the steps below!

1. Go To Blogger > Design > Edit HTML

2. Backup your template

3. Click the Expand Widgets Templates Box

4. Search for <data:post.body>

5. Just below it paste your Blog Post Search Engine Code (Full-width)

6. Save and you are done!

7. View your blog to see it appearing just below posts.

Add Google Custom Search Engine To Blogger Sidebar

To add Google Search Engine to your blogger sidebar; you have to follow the below steps.

1. Go To Blogger > Design

2. Choose a HTML/ JavaScript Widget

3. Paste your Sidebar Search Engine Code (Compact or Two Column) in it

4. Save and you are done!

5. View your blog to see it working just fine

Changing your default search box to Google Custom Search Engine Box is an important step that you must take as early as possible. You will see the difference in your analytics the next week.

I can hope you have liked this article. Please share it to your friends and subscribe to our blog for latest updates.