How To Create Google Custom Search Engine For Blogger and Web

Google Custom Search enables you to create a search engine for your website, your blog, or a collection of websites. You can fine-tune the ranking, customize the look and feel of the search results, and invite your friends or trusted users to help you build your custom search engine.

You can create a search engine that searches only the contents of your website, or you can create one that focuses on a particular topic. You can use your expertise about a subject to tell Custom Search which websites to search, prioritize, or ignore. Because you know your users well, you can tailor the search engine to their interests. Your search engine can take into account the context in which your users are searching.

Make Money with Google Search bar:

As with every method of making money online. it depends on a number of facts. Since you only make money from the Ads placed on the search results page first need people using the Search Bar. If you have a decent amount of people using the Search Bar then it will come down to the general AdSense method of making money, which depends on the amount of traffic seeing the Ads, the CTR (Click Through Rate) and the CPC (Cost Per Click).

So it all comes back to your website, How much traffic you receive and how much of that traffic uses the search bar, which can be a lot if you have a large content website or a large blog. Large Forums can benefit from this search bar.

How To Create a Google Custom Search Engine

Go to the Google CSE page and click the "Create a Custom Search Engine" button.
Fill the form as shown in the image below,

Name: I named it "The Jinnni" but a good name for yours would be "Yourdomainname".Description: Give a description about your blog. Language: Choose your language from drop down menu.Sites to Search: Put the url of your site here. I put "www.thejinnni.blogspot.com.com"Terms of Service: Check the I have read and agree to the terms of service (if you have read and agree to them, of course).

Click the Next button and choose the Design for your search engine. You can click the"Customize" button to edit the colors and look.

Click the Next button and then click the "Look and Feel" link on the next page,

It will bring you a page where you will find three layout options Full-Width, Compact and Two Column 

If you wish to add the search box just below posts then choose Full-Width
If you wish to display the box and results on the sidebar then choose Compact
If you wish to add your search box to your sidebar and display the results above the post title then choose Two Column 

Finally Click "Save & Get Code" button.

Add Google Custom Search Engine to Blog Sidebar:

1. Go To Blogger > Design
2. Choose a HTML/JavaScript Widget
3. Paste your Sidebar Search Engine Code (Compact or Two Column)
4. Save and you are Done....!

Add Google Custom Search Engine to Blog Posts

To add the search engine just below your blog posts follow the steps below,

1. Go To Blogger > Design > Edit HTML
2. Click the Expand Widgets Template Box
3. Search for <data:post.body>
4. Below it paste your search engine code (Full-Width)
5. Save Template and View your Blog.

Thanks You !

How To Create Google Custom Search Engine For Blogger and Web