Sunday, 26 January 2014

Tagged under: , , ,

How to Create and Add Google Custom Search to Blogger Blog

Google Custom SearchThe search engine in our blogs creates a good impact on our readers as it makes the blogger blog looks professional and helps users to search blogs conveniently. There are dozens of search widgets available for blogger blogs, but none can be better than Google has offered. For those who don’t know there is search service called Google custom search which Google has built for websites and blogs. In this article we will be explaining you how to create and add Google Custom Search to Blogger Blog.

How to Create and Add Google Custom Search to Blogger Blog

Creating Google Custom Search 

Sign in to your Google account and click this link to go 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.
Create Google Custom Search

Now you will see a page having a URL  and language settings, Under the text box “site to search “ add the URL of your Blogger Blog (i.e. the language drop down, select the language for your search engine then click on create button.
Adding Website to Google Custom Search

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 fell section.

Once you have selected control panel button, click on “LOOK and Feel” here you will have a layout section which depicts how search results from your blog will appear, you can select any layout of your choice also you can see a preview of the layout you selected.  You can see in the image I have selected “Compact” and also have performed a search to check how it will look.
Look and Feel Settings

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.

Adding Google Custom Search to Blogger blog

Go to Layout and select the place where you want your search box to appear, I will recommend in the top of sidebar because every user can easily pick it out from there. 

Layout>> Add a Gadget >> Select Html/JavaScript to the sidebar now copy the code which you just have created and paste it and click save.

You are done, congratulations you have successfully implemented Google custom search on your blogger blog.


  1. An easier option for adding search to a blogger website:


About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism