Create a Custom Google Search Engine for Blogger

Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

When it comes to crawling the internet or a website nothing can surely beat Google's searching technique. Blogger Templates that are found in various designs and colours often have custom search boxes in it, which I am sure you might have observed are incapable of displaying the relevant results. These search boxes by default are limited to their ability of searching each and every word of your blog. The best solution is to use Google Custom Search Engines (CSE) that are extremely efficient in digging out the most important data from your blog and displays it to the visitor. This increases the number of page views and page impressions of your blog because the reader is kept engaged in reading more and more.Further you can easily integrate your Google AdSense Ads to your Google Custom Search box, which again increases your blog revenue for every click made on the search results.So lets create and install a beautiful Google Search box for your blog.

How To Create Your Own Google Custom Search Engine

1. Go To Google Custom Search (GSE)
2. Now select “New search engine...” on the left side of your screen.
3. Then a form will be opened, just fill it according to your personal information.

    

4. After filling the form correctly Press the “Next” button and now you will customize (style) your search engine. You can either select the pre-existing style or can modify them by pressing “Customize” button.

5. After customizing the Search engine according to your needs, go ahead and hit “Next” button.

6. Now you will able to see a chunk of coding, just ignore it and Press the link which says “look and feel” and proceed to next step.

7. It will take to you to the page where you will able to see different options through which you can place your Google Custom Widget to your blog.

• Full-Width: If you choose this method then it will show search results within the page.
• Compact: If you want to see your search results in the Sidebar then choose this.
• Two Column: If you want to see your Search widget in the sidebar and the search result in post body then select this.
• Two Page: If you want to place your Search gadget in the sidebar but would like to see search results in another page then select it.
• Results Only: This will display the search results on the same page.
• Google-Hosted: This will display your blog’s search result in a separate widow hosted by Google.

We would recommend that you should use the “Two Page” method because it will take your visitors to the new page and will increase your page views while decrease your bounce rate. Finally Press the button “Save and Get Code”.

Integrating Google Custom Search To Blogger Blogspot Blog

• Now Select “Two Page” from the GSE Layout MENU and finally Press the button “Save and Get Code”.
• Now go to Blogger >> Add a Page >> and name the title of the page as SEARCH Engine and publish the blank page. Remember: Don’t forget to disable the commenting on that page.
• Then copy the link of the page which you created. i.e.http://cooldoodtricks.blogspot.com/p/search-engine.html and paste it in Google Custom Engine Creator i.e. Specify search results details.

• Copy the first code from Google Custom Search (GCS) and paste it in your sidebar i.e. Layout >> Add a Gadget >> Html/JavaScript >> Paste the code here.
• Now copy the Second code from Google Custom Search and paste it in the Page which your created previously, don’t forget to publish it again.

• That’s it now go and test your Custom Google Search Engine I bet this widget will never let you down.

Kindly Bookmark this Post using your favorite Bookmarking service: