Customize Your Blog Search Using Google Custom Search Engine

When we do a comparison between Google and other search engine, clearly Google possess the upper hand by a fare long margin. Google is the most dependable and admirable searchengine ever born till date thus, it is more commonly known as the search engine giant. The biggest reason behind its success is frequent development in its searching abilities.  If you have observed those blogger templates which has custom searching gadgets, then you may have observed that they are incapable of displaying relevant results. Those searching gadgets possess limited functionality due to which, they are not capable to search the whole blog (each and every word) they work on the basis of post titles. The Best solution is to use Google Search Engine (GSE) which digs the most relevant data from your Blog and displays it to your visitors.

This will decrease your Bounce Rate because your visitors will get most desirable results according to their needs. Furthermore, you can even integrate your AdSense account to your Google Custom Search which will display relevant advertisement related to the searched term. The preview of this widget can be viewed at the top of the sidebar in this (MBL) Blog. So without any further delay let’s create and install Attractive Google Search Boxes for your Blog.

How To Create Your Own Google Custom Search Engine:

The steps are extremely uncomplicated and this would not take more than 30 minutes for the complete customization and integration.
  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.
  • 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.


The only thing which could annoy your users is the unwanted Advertisements by Google which you will see during the search results, but if you don’t want Google ads to interfere your Users then try to buy a developer license worth $100/year From Google. However, I must say this service is truly splendid you must give it a try till then peace, blessings and happy searching.

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


July 21, 2012 at 4:16 PM

Google IS Good Teacher :P Google Is Good Ahooo :P :P

Nice Post :)

July 21, 2012 at 9:59 PM

Full width layout is better then tow page layout cuz it transfer the user to another window.Which is not Good for our Seo.If You use full width layout.

Click the Expand Widgets Templates Box
Search for
Just below it paste your Blog Post Search Engine Code (Full-width)

But put the first code in new html gadget where ever you want to show it test it and your are done..

This will help you in better Seo.

July 21, 2012 at 10:24 PM

nice post we will try how it works..........

July 21, 2012 at 11:53 PM

This is a great way to optimize my site and posts.

Editorial Team MOD
July 22, 2012 at 2:12 AM

We Appreciates your Suggestions Mate! But usually When we search with out Custom Blogger Template Search Engine it takes us to a different page.

So we are using the same concept, that's why we are we suggested Two Page because it will increase Page views while reduce the Bounce Rate. Peace and Blessings

July 23, 2012 at 10:00 AM

Follow This Steps Friend ..

Thanks For Sharing

July 27, 2012 at 1:08 AM

Okay I will your guidelines...Thank you

July 27, 2012 at 1:09 AM

I mean I will Follow you're guidelines

July 29, 2012 at 6:30 PM

MASHALLAH Nice Work Brother Keep It Up...
God Bless You...

August 6, 2012 at 8:49 PM

Really Nice Post Thanks For The Post Faizan ;)

August 6, 2012 at 8:57 PM

Faizan You Didn't mentions "Learn more" Options Of "Site To Search Portion"
See What They Said There:
Formatting your URLs:
*.Individual pages: Specifying will just include the mypage.html page on
*.Entire sites: Specifying* will include all the pages on
*.Parts of sites: You can use wildcard patterns to include just certain parts of a site. For example,*about* will include only files on that have about in their name.
*.Entire domains: You can also specify an entire domain using * If you specify, we will automatically convert this to **. If this is not what you want, you can change it back in the control panel.
I don't want to say any thing else, I'm just posting it here to ask that will that format will effect on our GCS ?

August 6, 2012 at 9:16 PM

one thing more how to add our google adsense ads in custom search result?

August 7, 2012 at 12:18 AM

Great tips.

I like your blog.

I invite to visit my blog.


Editorial Team MOD
August 7, 2012 at 6:21 AM

Brother I am not getting your point what you are trying to say. Its Kinda too messed up but I think if you are asking of including specific pages then your can easily do that it will not going to Effect your Google Custom Search engine. if somehow it got ruined you can create a new one.

And as far as integrating Adsense in CGS you have to buy a Licence of 100 Dollar from Google after that you can display your ads. Hope that Answer your questions. Peace and Blessings

August 9, 2012 at 10:23 PM

Thanks Faizan Got it :)

September 24, 2012 at 1:45 AM
This comment has been removed by a blog administrator.
October 10, 2012 at 6:28 PM

i better try this trick. thanks for sharing.

October 21, 2012 at 1:54 AM

I already add this in my Blog.
But I have a problem, Why my GSE is not functioning starting last days?

More Blog Tools

October 24, 2012 at 10:14 AM

hiiii mbl...may i know how to create a search engine for my blog i tried to crete a cse to search results within blog page but unable to search results..can you please notice by searching anything in my site search engine..

Editorial Team MOD
October 24, 2012 at 3:09 PM

Its working fine here at MBL

Editorial Team MOD
October 24, 2012 at 3:10 PM

Brother You have not Followed the steps clearly. Remove the Search engine and try again. You have not integrated the coding correctly.

April 8, 2013 at 5:34 AM

hi sir my blogs images not show in google in Images my blog age is 5 month and i have 515 post my blog it's all about images . why not show my pic in google ?
my blog is http://livecntv.blogspot
i type in google bar but some pic is show maybe 10 to 15 pic is show .
My robots.txt some problem is in ?

User-agent: Mediapartners-Google

User-agent: *
Disallow: /search
Allow: /


Editorial Team MOD
April 8, 2013 at 2:17 PM

There is no problem in your Robots.txt file. However, it takes a while to index. You Should create backlinks for your site so Google Can Crawl your site easily.

July 15, 2013 at 7:59 AM

Good article but I guess your article has become slightly outdated as the UI of GCSE has changed. I actually had to refer to another blog to try it out. Secondly, the step where it is mentioned that 'code 2' should be copied is not very clear.

Also, in gadgets there is a pre-built custom search option (of course it can't be customised like this)

September 23, 2013 at 6:34 PM

anyone know how to use the current searchbox on my template @ with Googles CSE??

Basically i want to place the google CSE in the current searchbox.. so it fits seamlessly. i dont want to change the template in anyway..just overlay the CSE over it some how.....

ANY IDEAS GUYS...... Thanks in advance..

Editorial Team MOD
September 25, 2013 at 12:57 AM

I Think you cannot apply Custom CSS to Google's CSE

September 29, 2015 at 11:52 PM

SORRY but my engine does not give me the second code that in where i want the results to been shown...

and before that i did not find the "Specify search results details" area in which i should insert my page url..

can you help?

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.