|
|
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.
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".
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".
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:)
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!
Thanks for the tutorial Mukund. I was waiting for this article from a long time. Thanks again. Will implement this on my blog soon :)
REPLYGreat, I like it.
REPLYI have my own blog (www.tallyssolution.blogspot.com) it take long time to open. Please suggest some tips for customize it.
@Sagar | TechNetSavvy: Yup! I know you did wait for this article! Would love to see it working on your blog:)
REPLYnice article man keep it up,i will implement it on my blog after am tru wit it
REPLYtks Mukund, this what i was waiting for
REPLY@ibietelablog: Yup! Try it and let me know once you try it! Hope you enjoy the upcoming articles as well!
REPLY@Johan: Glad that you found it now! Hope you enjoy the upcoming tutorials as well!
REPLYHi,Nice tutorial.After adding search bar can we test it from the website itself?isn't it against google terms?
REPLYHi Mukund,
REPLYI 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
@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@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@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!..;)
REPLYKevin
yeah i will @mukund
REPLYHow about the ads by google? I cannot see my ads but only provided by google.
REPLY@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@mukund , i saw the pop up domination in you thesis theme blog . How to make it ? please tell
REPLY@HariNarayan: Sharing the codes on my blog would violate their terms! So, contact me via email and I'll help you out!
REPLY@Mukund
REPLYCan you tell your email please!
Hi Mukund Please tell me, what code u used to create this page http://www.newbloggingtipz.com/p/your-search-results.html
REPLYI want Custom Search same way as u have.
thanks for your info...
REPLYThanx a lot mukund bhai. ..
REPLYI tried this earlier, but failed
this time success. . .
Once again thanx:))
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
REPLYPlease reply
@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:)
REPLYNice, very useful tip
REPLYThanks for sharing.
love this information
REPLYthanks for sharing :D
thr great post :D
REPLYGreat way of explaining, i loved way of drawing, pictures always more helpful to make understand, sure in future want to follow it..
REPLYthe way u expressed post is just awesome!!
REPLYUse the tab below to comment. No spam please!!!
POST YOUR COMMENT