Saturday, 24 June 2017

How to Add Google Custom Search Engine to Blogger?

Under: ,
If you want to succeed in your blogging career then you must make your site easy to navigate. You have to take a lot care of your visitors and deliver them the right contents. If you blog has many posts then your blog navigation may be complicated a bit. For ease you must add search box to your blog. By default, blogger navbar provides a search box and there is also a search box widget for blogspot blog. The main drawback of this search engine is that it does not provide the exact matches to some extent. The best solution for this is Google Custom Search Engine. It provides the right content exact to the search, also it has professional looks too. You can easily change it looks according to your needs and your blog design. Moreover, you can monetize your search using Google Adsense too. So lets start the tutorial on how to add custom search engine to your blogger (blogspot) blog.

Creating Google Custom Search for Blogger :

  1. First of all, click this link to go to Google Custom Search, once you are on the page you will see a blue button with a text on “Create a custom search engine” click on this button.
  2. You will be seen a page having a URL and language settings, Fill you site details accurately there. From the language drop down, select the language for your search engine then click on create button.
  3. You will now see a congratulation message as you can see the below image. As you can see there are three buttons “Get code” which will give you code of search engine ,“Public URL” it’s a URL of the search engine and “Control panel “click on it for settings purpose, such as layout, color schemes, themes. Here I will explain a bit of look and feel section.
  4. Once you have selected control panel button, click on “Look and Feel”. You can modify your custom search engine looks there and also modify the search results appearances. (Take a look at image below)
  5. When all the settings have been done for Google Custom Search click on the “Get code” Button, copy the code and save it in text file to use it later. That's it. You have created your Custom search, now let's start adding it to your blog.

Adding Custom Search Engine to Blogger :

I will recommend in the top of sidebar because every user can easily pick it out from there. 
  • Simply, Go to Layout > Add a Gadget > Select Html/JavaScript to the sidebar, now paste the code which you have copied in above steps.
That's all! You are done.
I hope you successfully added and create Google custom search engine for your blogger blog and ready to make the way easier for your visitors. If you feel any difficulty then let me know in comments.


Harsh Kumar on 25 June, 2017 said...

Nice tip! Keep it up!
I am also a blogger. Here is my blog -

Hammad Ansari on 25 June, 2017 said...

@Harsh Kumar
Thanks Harsh for liking our work. Keep visiting us as more cool posts will be published soon.

andreasgon on 18 November, 2017 said...

not working

Hammad Ansari on 18 November, 2017 said...

Let us know what problem exactly you're facing.

Kirsi-Maria Hiltunen on 21 March, 2018 said...

Hi there. My blog ( has Google Custom Search, but for some reason it always shows No results. I have no idea what is the problem. I have tried to look for help but... Would you have any idea what might be the reason? I would be truly greatful for any help :)

Naveen S on 15 June, 2018 said...

This is an awesome post. Really very informative and creative contents. This concept is a good way to enhance the knowledge. I like it and help me to development very well. Thank you for this brief explanation and very nice information. Well, got a good knowledge.
SEO Course in Chennai

TechzBot on 17 June, 2018 said...

This really good and simple.
Thanks man.....
I have Applied on my blog TECHZBOT

TechzBot on 17 June, 2018 said...

This really good and simple.
Thanks man.....
I have Applied on my blog TECHZBOT

Unknown on 17 June, 2018 said...

nice !

Confused? Feel free to ask!

We love comments! We appreciate your queries but to protect from being spammed, all comments will be moderated by our human moderators. Read our full comment policy here.
Let's enjoy a happy and meaningful conversation ahead!



Recent Comments

Copyright © 2017-18 All Rights Reserved by BBeginner.Com ׀ Designed by Protection Status