Google Ajax Search With Your Adsense Ads

Posted by Unknown on
google-ajax-search-with-adsense

All of you might have seen the New Ajax Search Gadget on your Layout > Add Gadget Page. This Ajax search gadget doesn't support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually leaving your blog.(no need to go to a new page.. it acts like an inline search)

 

The Ad supported Ajax search Code is available at Google Web Elements .You can see 3 options there.

  1. Automatically Search My Site
  2. Search my Site and use Adsense for Search
  3. Use an existing Custom Search Engine

For showing adsense ads you have to opt for option 2 or 3 .If you choose to use the second option,then you will have to provide you Adsense publisher id(which looks like pub-xxxxxxxx).If you opt for the option 3, you will have to provide the Custom search ID, which will be present in your Google Custom search Code.[Code is generated inline when you enter any of these ids.]

 

After grabbing this code, just go to your Blogger > Layout page and add a new HTML/JavaScript Gadget and paste the Google Web Element Custom Search code there and save the gadget. The Gadget will look better if you drag it to above the Blog Posts Widget and save it.[that area has got enough space to display the ads :)]

 drag-the-ajax-search

Here is a preview of what you should see.

 
 
powered by
Custom Search Control
Web
 
 
 
  

 

If you want to change the colours and styling of the search results, you will have to add additional CSS Classes.

Update: – Now Google CSE has added all these things. and much more(themes and other customization stuff) So it would be easier for you guys.. :)

Permalink :Google Ajax Search With Your Adsense Ads

Comments

  1. Blogging TipsOctober 18, 2009 at 11:57 AM

    Great man really nice post.But is this a new widget?Because blogger already provide a google custom search engine

    ReplyDelete
  2. UnknownOctober 18, 2009 at 12:09 PM

    @Blogging Tips ,
    the default ajax search gadget provided by blogger doesn't support adsense(till now)..

    i hope that blogger will soon provide an option to enable or disable ads on the search gadget..
    so the difference between both widgets is ADSENSE

    ReplyDelete
  3. Blogging TipsOctober 18, 2009 at 2:26 PM

    ok thanks Aneesh

    ReplyDelete
  4. AnonymousOctober 19, 2009 at 2:21 PM

    ok great design

    ReplyDelete
  5. AnonymousOctober 21, 2009 at 1:16 PM

    LOL, Today I received Google Adsense mail about it. You're fast

    ReplyDelete
  6. jrplazaOctober 26, 2009 at 10:52 AM

    wow your great man... I used it already, I figure it out now...Thanx for this great post...

    ReplyDelete
  7. בתי השקעותOctober 27, 2009 at 9:14 PM

    Excellent tool, i just added it to my site.

    ReplyDelete
  8. Website DesigningNovember 5, 2009 at 1:56 PM

    Hi,

    I was trying to embed the normal search engine in a blog (wordpress) and I had no option left to do it since for a wordpress hosted blog it is not possible to use javacript or other piece of code. Is there any solutions for this?

    - J.
    http://www.cyberdesignz.com

    ReplyDelete
  9. halı yıkamaNovember 8, 2009 at 4:04 AM

    Thanks BloggerPlugins.Org

    ReplyDelete
  10. Henry JDecember 7, 2009 at 7:00 PM

    hey don wrote story. give the correct code where to place

    ReplyDelete
  11. AnonymousDecember 19, 2009 at 5:14 AM

    Good gadget. I plan to embed it on my page.

    ReplyDelete
  12. Online AdvertiseDecember 20, 2009 at 3:15 PM

    thank visit

    ReplyDelete
  13. Rackmount MonitorDecember 29, 2009 at 5:21 PM

    I am delighted to know about the New Ajax Search Gadget. Its speciality of inline searching is tremendous.

    ReplyDelete
  14. TomazJanuary 1, 2010 at 5:17 PM

    You haven't wrote anything CSS styling. What code and where do we have to put it to make custom search engine look like yours or customized anyway. Without CSS search engine is as plain as ever.

    ReplyDelete
  15. Unbelieveable StuffJanuary 10, 2010 at 4:52 PM

    NIce One........

    ReplyDelete
  16. rikimaru78January 16, 2010 at 2:39 PM

    Hi how can I make the background transparent because the color white ground does not fit to my web templates background

    ReplyDelete
  17. AnonymousJanuary 18, 2010 at 7:56 PM

    hey tomaz said about writing about css ... please inform me immediately ... i'm a newbie .. would you share, please ....

    ReplyDelete
  18. SamJanuary 30, 2010 at 6:54 AM

    thanks for information, but i have a problem my code is note working in firefox can't type in search box but in internet explorer it works. Can u help me solve my problem. thanks

    ReplyDelete
  19. Dr. M. P. MishraJanuary 30, 2010 at 7:45 AM

    Dear Aneesh ,
    Really liked your blog.
    Can you please explain me the method to show ads as you are showing on this page.

    ReplyDelete
  20. ragsFebruary 18, 2010 at 12:34 AM

    This is really cool...When I add the cse div tag to show the results it takes up some whitspace...Is there a way to remove this?..I checked the code on this site, but I can't figure out how you have removed the whitespace

    ReplyDelete
  21. Blogger EklentileriFebruary 27, 2010 at 5:51 PM

    Really good.
    excellent widget for blogger.So, thanks.

    ReplyDelete
  22. trtr388March 12, 2010 at 2:07 AM

    thanks

    ReplyDelete
  23. informasi peternakan ayamApril 13, 2010 at 3:52 PM

    thank for sharing... i will try this.. :)

    ReplyDelete
  24. zulJuly 17, 2010 at 10:47 AM

    thanks..

    ReplyDelete
  25. jovineAugust 28, 2010 at 12:40 AM

    when i search its not showing the search results its only showing the ads ?
    http://specsmobile.blogspot.com/

    ReplyDelete
  26. niezarNovember 21, 2010 at 5:05 PM

    nice :)

    ReplyDelete
  27. Jay_MaxFebruary 16, 2011 at 11:13 AM

    woooooowww nice..thanxx frnd

    ReplyDelete
  28. HEZIJune 2, 2011 at 10:51 PM

    Thank you for sharing useful. But I have a problem. How do I put in the desired position. For example I want to change the google search engine placement search box on my ex.

    ReplyDelete
  29. Okagba MobileJune 25, 2011 at 6:07 AM

    I tried to do this but could not customize the colour of the bar. I had to remove it! It is not in line with my blog colour. How do I change the colour?

    ReplyDelete
  30. Ifinder Ifindi August 10, 2011 at 12:52 PM

    Sir. Me new to tech. Learning a lot here. Sir. Is this gadget search also in blog comments? Thank You with High Regards.

    ReplyDelete
  31. Ifinder Ifindi August 17, 2011 at 10:34 AM

    P.s. Sir. How to configure for search within blog comments also? My blog only one post and comments. No AdSense. Kindly guide. With High Regards.

    ReplyDelete
  32. Ifinder Ifindi August 17, 2011 at 10:45 AM

    P.s. Kindly guide.

    ReplyDelete
  33. Ifinder Ifindi August 18, 2011 at 10:43 AM

    P.s. Can be well done by you, helping and expertise. If possible with Catched Search Words. With High Regards. Very much Requesting and Thanking You again and again.

    ReplyDelete
  34. Ifinder Ifindi August 20, 2011 at 8:17 AM

    Sir. Thanking You. Now got it and seems working. Learned a lot here. Following by Email for future articles. Thank You again with High Regards.

    ReplyDelete
  35. EvanSeptember 10, 2011 at 12:11 AM

    Nice. Thanx!

    ReplyDelete
  36. YasinDecember 30, 2011 at 9:07 PM

    Thanks a lot this is very helpful to me.

    ReplyDelete
  37. AdminFebruary 25, 2012 at 2:18 AM

    not working my site help me http://mesotheliomaonlineclinic.blogspot.com/

    ReplyDelete
  38. UnknownApril 21, 2013 at 9:05 PM

    tell me how to ad new gadgets

    ReplyDelete

Post a Comment