The
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.
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. www.probloggertricks.com).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 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.
