Placement of Ads or Widgets below the post title in Blogger

Placement of Ads or Widgets below the post title in Blogger


This post is specially for one of my reader. I have just received a comment from Sarvesh. He was asking about how to put the Google ads below the post title. This will give better ad revenue and this is one of the good placement of ads.

Admin
it will great if you show how to add ads in the post like you have in blogger i want to know it plz will u write a post abt it or tell me plz :)
I am glad to answer this question. Now have a look how to do this.




First log in to Blogger.com -> Layout-> Edit Html tab and Check Expand Widget Template.
Search for the following line of code:
<div class='post-body entry-content'>
If you haven't found above code, search for the following:
 <div class='post-body'>
Got it? ok. Now you can add the widget (ads) code just below the above code. See the below example:

<div class='post-body entry-content'>
You ads Code Goes Here....
                         OR
<div class='post-body'>
You ads Code Goes Here....
Replace the red colored text with your ad or widget code. If you get some problem like the ads or widget are show in home page also, you have to put some line of the code to show the widget in only one post page ( inside the page).

Replace the code which you have found above with:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if>
                             OR
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if> 
 Now, you will see your ads or widget are only inside the page. But don't forget to replace red text with your code.
Placement for second ad

The above one is first ad (left in position) . Now you can put second ad (Right in position). See the following example for details:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>
                        Or
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>
Updated

It may not work if you copy the ad code directly form adsense. You have to encode that html ads code. Do the following:
Copy & paste your ad code to following form and click Convert. Then copy the code after converting it & replace red text with the code which you have converted.



And that's it. Hope it was clear. If you get some problem, you can frequently ask me :)



55 comments:

  1. Hey i have added the code but the ads are not seen in the post...wat to do for it nd btw u have That Read More For each post do u add it manually or there is a hack for it...

    ReplyDelete
  2. @Admin

    If your ads is new and if your ads is not older than 10 minutes, than it not visible. Your ads will be visible after 10 minutes. There is a hack for read more. This is Automatic Post Summaries Hack for Blogger with Thumbnails. You can get tricks here for read more hack.

    ReplyDelete
  3. The Ads Are Still Not Shown Up Wat To DO ???

    ReplyDelete
  4. Read the post again, I have just updated post. See the reason why your ads are not visible. One of the reason is you have to put maximum 3 text ads to your page Or you have ore that 3 ads, then ads will not visible.

    See my example. I have only 3 text and image ads. Only 3!

    ReplyDelete
  5. Hey Thanks for this nice Post but i am having one problem ads are showing only in homepage please help.
    http://moviesndhacks.blogspot.com

    ReplyDelete
  6. Thank You So Much It Worked :) Thank You Very Much...

    ReplyDelete
  7. @pradctgign

    Make sure you insert the code in right place as indicate above.

    @Admin
    You're welcome. It's my pleasure.

    ReplyDelete
  8. Thanks man !

    Beautiful hack. It's working now.

    Check it here
    http://www.extremecircuits.net/

    ReplyDelete
  9. Hey have inserted the code on the place as per your instructions but still having the same problem.I can send my template code so can check it.
    http://moviesndhacks.blospot.com

    ReplyDelete
  10. @Izhar Fareed

    It's looking cool :)

    @pradctgign

    Can I see where you have placed the code?
    <b:if cond='data:blog.pageType == "item"'> is the main code which show the widget only on post page.

    ReplyDelete
  11. Hey Anup I have made it by changing by Blog theme made some changes to it and all Done thank you very much your blog really helped me a lot. i als tried to put ads below title but can't do it showing some error can you help me out.
    Thanks again Regars
    Pradeep Bhandari
    http://moviesndhacks.blogspot.com

    ReplyDelete
  12. It may work great but the no of ads displayed will look so clumsy so better you work on that again..

    ReplyDelete
  13. I am very bad at coding........... :(

    ReplyDelete
  14. @pradctgign

    I can see ads to your blog post!

    ReplyDelete
  15. is it okay to convert google ads? its legal?

    ReplyDelete
  16. I have tried this on my blog , made some minor changes , it worked , thanks

    ReplyDelete
  17. @Saif

    It will be illegal when you try to modify the code and we are just converting the code to show the ads in HTML pages. So, I think it's legal.

    ReplyDelete
  18. I am testing here the yahoo smiley is working or not :) ;;)

    ReplyDelete
  19. Hey Anup!

    Once again it's me Izhar Fareed
    Do you know that my earning increased 200% by applying this hack.

    Thank You.

    ReplyDelete
  20. @Izhar Fareed

    I am really glad to hear that news. And congrats:) It's proved. We can earn more by using this hack;)

    ReplyDelete
  21. Hey Anup !

    Today is bad news that blogger deleted my blog. They claim that my bog is SPBLOG. But i restored 15 posts again on a new blog. The name is same, But it really hearts so much. My blog was getting 50,000+ PV and 200+ Subscribers at PR3. Do you have any idea to get back my blog.

    Thank you.

    ReplyDelete
  22. I think restore your blog, See this page. You have 200+ Subscribers. Try to note all the mail of your subscribers and mail them informing the issue. Do the thing what they have said. One time I also suffered from this problem.

    ReplyDelete
  23. oh i tried this but its shows in some post only...and sometime at left side /sometime at middle...what to do....?another thing is my adsense acc aproved...now its nessery to do click exchange or not????

    ReplyDelete
  24. Wow Great trick to place ads below title in blogger.

    ReplyDelete
  25. Hi Anup !

    It's me Izhar Fareed. I saw that there is a problem in your template. You can check it here.

    http://www.hacktutors.info/search?q=awan
    http://www.hacktutors.info/search/label/Hosting

    To solve this issue kindly follow these steps:

    1 : ) find the following piece of code in your template

    #midsidebar-wrapper {

    2 : ) Change it to

    #midsidebar-wrapper {
    clear: right;

    ..:: Save N joy ::..

    I hope you like my tip.

    ReplyDelete
  26. @Izhar

    Nice to see you again :) First of all, Thanks for your great tip. It's working great ;) And also thanks for your support and you noticed my blog errors :) I have solved with your trick. If there is again some error, you're free to tell me. Thanks again!

    ReplyDelete
  27. I don't know what to say:(, but i have lost my adsense account :((

    ReplyDelete
  28. What? But how? Did you find any reason? Have you clicked your ads by mistakenly?

    That is really bad to hear :(

    ReplyDelete
  29. No man! i didn't click any ad on my site. I am surfing the net since last ten years, currently i am doing a job as an Assistant IT Manager in Karachi and i know well that how to deal with this kind of work. The adsense team claimed that their stu*id robots detected invalid clicks activity on my site.

    ReplyDelete
  30. @Izhar

    Is that your first account that have banded? How much you are earing daily and how much money was in your account?

    ReplyDelete
  31. This comment has been removed by the author.

    ReplyDelete
  32. Woah! That is maximum income that you were earning. You can earn more than $900 that is good. You don't have another blog/website to register in Google Adsense again?

    ReplyDelete
  33. I removed above comment because i only want to share it with you. I am going to launch my new site eMasta.com very soon. But how can i use my name again with adsense?. I will try my bro's name to join and will serve adsense on my both sites.

    ReplyDelete
  34. Hey Anup!
    I made a pic 4 you check it here.

    http://i27.tinypic.com/3532yog.png

    ..:: TNX ::..

    ReplyDelete
  35. @Izhar

    No problem. I think your new site eMasta.com is not on air right now. Hope you will do more success on it :)

    Thanks for your lovely picture. Is that image for my header logo?

    ReplyDelete
  36. OfCourse M@n ! I made this for your header.

    ReplyDelete
  37. It means you don't like the current logo? LOL :D

    I was trying to create more professional logo for my blog. But, I am very busy these days :(

    Anyway, I will try your logo. Let me see how it looks :)

    ReplyDelete
  38. Dear admin, I tried twice following your guideline carefully. Both time i edited the html as u have suggested, before clicking SAVE, pushed for Preview. And got same error message. Is it that i need SAVE to work it, rather then test in preview mode? My site is : http://tatunnel.blogspot.com

    ReplyDelete
  39. I tried again and found my first ad is working in single post (inner), not on home page. Any way when i tried to set second ad got error message : `Your template could not be parsed as it is not well-formed. ..The element type "div" must be terminated by the matching end-tag "

    ReplyDelete
  40. @Gaus Rahman

    Have you encode the code as I say on the last update of this post? It may not work if you don't encode your adsense code. Make sure you have placed your code on the right place.

    ReplyDelete
  41. Yes Arup, I had encoded both the codes, first and 2nd. I`m afraid, im not placing the 2nd code in right place. So its showing error. Would you explain elaborately the 2nd code place please?

    ReplyDelete
  42. @Gaus Rahman

    Can I have a copy of your blog template please? So that I can found the bug in your template :) I'll resend it to you when the problem fixes.

    ReplyDelete
  43. Dear ANUP, firstly, i should say sorry to type your name mistakenly. As i was in hurry, i just misspelled it. Anyway, my blog site is : http://tatunnel.blogspot.com. Now i`m using three posts to show all ad units within post. If i can set 2 ads side by site, I would change the design.
    Secondly, now i`m using multiple color in adsense in main block. And interested to experiment multicolor in sidebar also. But how can i do this? Thanks in advance.

    ReplyDelete
  44. @Gaus

    You're blog is looking nice as you have place multiple color ads. But, remember you cannot place more than 3 ads on your home page or specific page. If you place more than 3 content ads on the single, you hole ads will not visible. So, if you want to show ads on your sidebar, either you have to hide the ads that you have placed below each post title or you could not place more than 3 content ads on your sidebar or homepage.

    But, your current pal cement is looking cool. Let remain it be same. And add the LINK UNIT instead of Content Ads on your sidebar.

    ReplyDelete
  45. well! i good trick.. but my template has none of the lines which you have mentioned.. pointed out by myself...

    when i put ads and gave them left and right alignment, then some of the text of the post appears to be between the ads.. :(

    then i didn't know how to minimize that effect.. just added a bunch of line breaks.. :p

    ReplyDelete
  46. @Johny

    To remove to post text between the two ads you have to manage Margin of each ads which depends upon your content wrapper of your blog.Does it works when your add link break tags?

    ReplyDelete
  47. Hi, nice to find this blog.

    Anup, I use a new blogger template, and i can't find<div class='post-body entry..

    or

    <div class='post-body..

    in my template I just find:

    <div class='body-fauxcolumns..

    Please help me, now I just to try hack to template. Thanks

    ReplyDelete
  48. Thx dude. I have applied your tutor on my site. Really work.

    ReplyDelete
  49. thanks buddy.
    it's really worked on my site.

    ReplyDelete
  50. Thx dude.
    Wow Great trick to place ads below title in blogger..
    Really work.

    ReplyDelete
  51. @Pakubiru

    Can you email me with the copy of your template?

    ReplyDelete
  52. Hey Anup,
    I try many times to place Ads as you advice but not work" what's next?
    Thank you for your "platinum"- now after nearly year of wandering in the complexity of it( I ,some time lose heart and mind) , I was approved by Google ads on 19/02/2011- that my great dream of nothing web basic(in my life) - it's great from your words" keep trying with original contents, honestly" after several times of submission.
    Thanks Anup-Thanks Google Ads
    Thank for your good links on my page-surely ,people all around the world get more on blogging like me' am.
    http://pataniriver.blogspot.com
    One more thing, after several months of attempt, my sitemap still counter with "error 404" What' next?

    ReplyDelete
  53. nice post helped me lot ... i was facing this since from 1 month finally i got a answer from you anup Thank you very much



    Regards
    harry

    ReplyDelete

Don't spam.

 

Recent Comments

Search Hack Tutors

Find Us On:

© Copyright 2011 Hack Tutors All Rights Reserved
Designed by Anup Kayastha | Back To Top