How To Add Google Custom Search Engine To Blogger?

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.

Comments

Popular posts from this blog

How To Setup Freenom Domains (.Tk, .Ml, .Cf, .Ga, .Gq) As Blogger Custom Domain?

How To Change Blogger (Blogspot) Template?

How To Insert Emoji, Special Characters And Symbols In Blogger?