Install Adsense With Search On Blogger

adsense-search-blogger
I hardly get time to publish articles on my blog these days. Nevertheless, I found sometime today to write a quick article about integrating Adsense on your search results page for blogs run on blogger. If you aren't able to understand about what I mean, then type some text on the search bar at the top right corner of this blog and hit the "Enter" tab (look out for the Adsense Ads on top of the search results).

To install a similar search engine on your blog, just follow the instructions given below.
1. Go to the following link - Google Custom Search. Hit the tab that says "Create a Custom Search Engine" and fill the form that appears. Ensure you fill up the column that says "Sites to search:" with your blogger URL.
2. Once you fill the up form, choose the layout for your search bar. Click next and your done with creating your custom search engine. Do not copy the code that is shown to you. Rather navigate to the following link - Manage Custom Search Engine.
3. You should be able to see your custom search engine name listed under the column that says "Search Engines I've created". Hit the control panel link and you will be navigated to a page with options to customize your search bar.
control-panel
 4. Choose "Make Money" from the options listed under the left sidebar and select the option that says "I already have an Adsense Account". Fill the required details and your done. Now, your search results page will run with Adsense Ads.
5. To get this search engine on your blog, you need to follow the rest of the steps as well. Choose "Look and feel" options from the left sidebar and select the option that says "Two page" and click the tab "Save & Get Code".
look-and-feel
 6. Just leave the page intact. Open a new window or tab in your browser. Login to your blogger dashboard and click on "Edit Posts". Now, click on the option "Edit Pages" and create a new page called "Search Results". Shift your tab to the "Edit HTML" mode from the "Compose" mode on your post editor. 
7. From the previous window/tab (the one which I said to leave intact), copy-paste the second block of code to your blogger post editor (currently operated in the Edit HTML mode). Just publish the page. Open the new page which you have created and look out for the URL of the page. It should be something similar to the one shown below.
http://www.newbloggingtipz.com/p/your-search-results.html
8. Now, copy this URL and paste it below the blank space/box (on the custom search engine page as shown in the screen shot) that asks for " Specify the url in your site where you want the search results to appear".
CSE-code-page
 9. After pasting the URL, copy the first block of code and paste it anywhere on your Blogger template - either parsing it and pasting it on your template or just adding them as a Gadget using "Page Elements" page. Both the methods will work. That's it!

You can verify your search results page now. When you type in a query on the search bar, your results shall appear on the page that your created with the Adsense Ads on top - sometimes I see them on the right. I tried to keep the article simple. If you need assistance in installing the same, then leave a comment and get it clarified! Share your opinions about the article via comments:)

Enjoyed the article?
Subscribe to this Blog via Email:

Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!

    Other Recommended Posts

  • Adsense, Blogger Tutorials
Sagar | TechNetSavvy said on October 15, 2011 at 9:51 PM :

Thanks for the tutorial Mukund. I was waiting for this article from a long time. Thanks again. Will implement this on my blog soon :)

REPLY
Sumit Kumar Gogawat said on October 16, 2011 at 4:59 PM :

Great, I like it.

I have my own blog (www.tallyssolution.blogspot.com) it take long time to open. Please suggest some tips for customize it.

REPLY
Mukund said on October 17, 2011 at 1:41 PM :

@Sagar | TechNetSavvy: Yup! I know you did wait for this article! Would love to see it working on your blog:)

REPLY
ibietelablog said on October 17, 2011 at 9:24 PM :

nice article man keep it up,i will implement it on my blog after am tru wit it

REPLY
Johan said on October 18, 2011 at 4:27 PM :

tks Mukund, this what i was waiting for

REPLY
Mukund said on October 18, 2011 at 11:50 PM :

@ibietelablog: Yup! Try it and let me know once you try it! Hope you enjoy the upcoming articles as well!

REPLY
Mukund said on October 18, 2011 at 11:51 PM :

@Johan: Glad that you found it now! Hope you enjoy the upcoming tutorials as well!

REPLY
Govind Narayan said on October 19, 2011 at 2:53 PM :

Hi,Nice tutorial.After adding search bar can we test it from the website itself?isn't it against google terms?

REPLY
Kevin said on October 19, 2011 at 3:10 PM :

Hi Mukund,

I have a blog with a search engine already included in the template. Is it possible to add the Adsense to it as well? Your blog has been very instrumental in the construction of my blog....very good tutorials! Have a look at my site if you'd like at http://kevsproreviews.blogspot.com...I'd also like to ask you if you have a tutorial on adding Adsense like you have it at the top left of your posts?

Thanks,

Kev
kevsproreviews@gmail.com

REPLY
Mukund said on October 21, 2011 at 12:23 AM :

@Govind Narayan: What do you mean by testing it from the website? The above procedure is just a tutorial about adding Adsense enabled search bar/results on your blog. Why is it against the terms?

REPLY
Mukund said on October 21, 2011 at 12:25 AM :

@Kevin: Well, that's great! Glad that you found article on my blog. You should be able to find the answer for your question if you use the search bar on top my blog to do the same. Just look for an article that says Adsense with Share counters. You should be able to find the tutorial. Unable to find, then ping me via gmail or gtalk:)

REPLY
Kevin

@Mukund....Thanks Mukund...found it. Will come back also for a search on how to install the Google Plusone button up on the header like you have it. Thank you for your help!..;)

Kevin

REPLY
ibietelablog said on October 22, 2011 at 9:59 PM :

yeah i will @mukund

REPLY
Manuel Garcia said on October 23, 2011 at 6:51 PM :

How about the ads by google? I cannot see my ads but only provided by google.

REPLY
Mukund said on October 25, 2011 at 12:11 AM :

@Manuel Garcia: I just don't understand what you mean! It's meant to display ads by Google or in other words, Adsense with the search results!

REPLY
HariNarayan said on October 26, 2011 at 6:51 PM :

@mukund , i saw the pop up domination in you thesis theme blog . How to make it ? please tell

REPLY
Mukund said on October 28, 2011 at 1:24 AM :

@HariNarayan: Sharing the codes on my blog would violate their terms! So, contact me via email and I'll help you out!

REPLY
HariNarayan said on October 30, 2011 at 10:15 AM :

@Mukund
Can you tell your email please!

REPLY
krupesh said on November 17, 2011 at 1:12 PM :

Hi Mukund Please tell me, what code u used to create this page http://www.newbloggingtipz.com/p/your-search-results.html
I want Custom Search same way as u have.

REPLY
Cara Menguruskan Badan said on November 18, 2011 at 4:26 PM :

thanks for your info...

REPLY
Vivek Nath.R said on November 20, 2011 at 9:45 PM :

Thanx a lot mukund bhai. ..
I tried this earlier, but failed
this time success. . .
Once again thanx:))

REPLY
krupesh said on November 23, 2011 at 10:36 PM :

Mukund plzz tell how did ypu create your seach box and what code u used in this page http://www.newbloggingtipz.com/p/your-search-results.html
Please reply

REPLY
Mukund said on November 26, 2011 at 11:04 PM :

@krupesh: Well, the procedure that I used above is exactly the way I installed the above search bar. Let me know what problem you are facing. I'll try to fix it up:)

REPLY
Bluesqare said on December 6, 2011 at 6:37 PM :

Nice, very useful tip
Thanks for sharing.

REPLY
smaile said on January 19, 2012 at 12:03 AM :

love this information
thanks for sharing :D

REPLY
smaile said on January 19, 2012 at 12:15 AM :

thr great post :D

REPLY
online casino ohne download said on February 6, 2012 at 9:29 PM :

Great way of explaining, i loved way of drawing, pictures always more helpful to make understand, sure in future want to follow it..

REPLY
Harwinder said on February 22, 2012 at 10:35 PM :

the way u expressed post is just awesome!!

REPLY

Use the tab below to comment. No spam please!!!

[netinsert=0.0.1.11.14.1]