How to Add Google Custom Search Engine to Blogger

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.

Now you will see a page having an URL  and language settings, Under the text box “site to search “ add the URL of your Blogger Blog (i.e.Trickzbuzz.blogspot.in).From the language drop down, select the language for your search engine then click on create button.

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.

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

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.