How to create a Google Custom Search page

Hello TagDiv,
First of all thanks for the Wonderful theme. How Can I create a google custom search page that supports google Adsense for search. Also how to replace the WordPress default search engine with Google Custom Search engine. For example how to implement google custom search to Sidebar search widget.

Thanks & Regards
Pradeep Augustine

• This topic was modified 10 years by Pradeep Augustine.
• This topic was modified 10 years by Radu.

You can simply paste the Google CSE code for a search box into a text widget in sidebar just like any HTML.

Thanks for the reply Chris S.
I had tried it but It looks odd in my blog. I just wanna give it a good look like it is a part of my blog. Also how to replace the search in the menu with Google Custom Search.

Thanks

Why cant you make a post to replace the default search with Google’s Custom search. Most of the people need this. Hope you will give a better solution.

Found a better solution. Thanks for the helps.

What solution?

Thanks

Hello friends. I have created a tutorial to integrate Google Custom Search Engine to Newspaper theme. Check it here – http://www.getcooltricks.com/wordpress/google-cse-integration-to-newspaper-wordpress-theme/

You can suggest, if any modifications are needed in that.

• This reply was modified 10 years by Pradeep Augustine.

Thanks Pradeep, It looks great!

I’ll try in my website to feed back.

Thanks again.

No… I tried but no results…

I have look your code and its different than tutorial…

I found the issue…

Inside your tutorial, the last line has an error: The quote.

<gcse:search“></gcse:search>

Now works… Maybe some css styling?

Got it. I had updated it in the tutorial.
I personally found that the default template of the Google Custom search has some issues. use some other styling. That may work better.
Thanks.

If you are using any Caching plugin try to delete the cache and try.

Thanks Pradeep!

You are most welcome @Charli. Does it worked properly? Let me have a look at your website. Thank you for finding the mistake in that code.

Yes, it works fine…

http://www.cambiatufisico.com

I’m trying to delete that unsightly borders…

paste this CSS in your Custom CSS in the theme panel. body.postid-<strong>190</strong> .td-page-content table, .td-page-content td, .td-page-content tr {border: none!important; margin: auto;} . Replace the number in bold with the search page ID. Clear your cache and try. Let me know if it works.

• This reply was modified 10 years by Pradeep Augustine.

body.page-id-190 .td-page-content table, .td-page-content td, .td-page-content tr {border: none!important; margin: auto;} Use this code. It works fine. I had checked it in my test site. Change the number in bold with the search page ID.

• This reply was modified 10 years by Pradeep Augustine.
• This reply was modified 10 years by Pradeep Augustine.

Yes! That worked! Thanks again Pradeep!

You are most welcome Charlie. It seems that you are using smart sidebar in your site. According to Google Adsense policy you are not allowed to use Sticky ads. Consider that in mind and use the ad in the sidebar.

thanks for this, but seems not to work well for me

I have the following problems

1. On my page the sidebar wont display

2. when i change the menu search code then a background appears on my ad ad the header

seems to be working now i guess

Hello iamkingslefy, It worked fine in my sites and also on few other people site. Try to delete the cache if you are using a caching plugin and try.