How to Put Adsense Below Post Title in Blogger with New Template Editor

How-to-Insert-AdSense-Ads-Between-Your-All-Posts-in-BloggerPlacing an Adsense ad unit under Post title in Blogger has become confusing these days after blogger had changed to a new template editor. Initially we can directly search for the code in the layout but now we need to search for the code manually. So this post will guide you in getting an Adsense unit under your post title in Blogger. One more thing you need to be careful is while you are adding Adsense code you need to convert it into HTML and then paste. So in this post I have covered how to add Adsense code below post title and also how to convert that code into HTML. It is said that most of the blogs have seen some good results when they placed Adsense below post title, so if you are still not using it then I prefer to have an Adsense ad shown below your post title.

How to add Google Adsense Unit in Blogger Below Post Titles:

So if you are logged into your blogger dashboard first thing to do is head over to template and click on Edit HTML. Note that if you are new to customizing blogger template it is better to take a backup of the original template in case if you mess up you can revert back to the initial template.

HTML code for your blogger template will now be opened. Now just scroll your mouse till you reach <div id=’main-wrapper’> under which you will find the code as shown in the below image.

adsense under post title - 1In thee above image you will find some list of includable id section where you need to expand on <b:includable id=’post’ var=’post’> by clicking on the small triangle at the number shown towards the left side.

After clicking on the post you will see an expanded version of the code now in the code find <div class=’post-body entry-content’> and immediately after it you need to add the following code.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div align=’center’>
Your Adsense Code Goes Here
</div>
</b:if>

You can change div align=’center’ to ‘right’ or ‘left’ replacing ‘center’ depending on where you want to show or position your Adsense ad unit. Your Adsense ad unit will look like shown in the below image.

example 1

If you want text to be wrapped around the Adsense unit then use the following code.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=”float:left; margin:10px;”>
Your Adsense Code Goes Here
</div>
</b:if>

You can also float the adsense ad unit towards right by changing the value ‘left’ in the above code with ‘right’. So below is how your adsense ad looks with text being wrapped around the ad.

example 2After you have added the above code you need to place the Adsense code from your Adsense account. But before you add Adsense code there is a small adjustment you need to do. You cannot paste the Adsense code directly, you have to first convert your Adsense code into HTML format using adsense code converter which can be acessed from the below link.

Adsense Code Converter Tool

This code converts special characters into HTML format which can also be done manually but this converter helps you achieve without wasting any time. That’s it now your Adsense advertisement will begin to show below the post title. If you have any difficulty then comment below and get your doubt or problem cleared.

10 Comments

 Add your comment
  1. Ads on header and right sidebar perform pretty well.
    Such a fuss with blogger to get things done as you want.

    Nice to visit you man. Kind regards!

  2. Great post, Vijesh. You are always good at this. And guess when I asked you how to put your ads after your posts…I was just about to delete Ad Injection when all of a sudden, it worked again. I mean my ads below appeared without me changing it. And so that email you sent me I just SAVE it for future use. I mean, I don’t really wanna use too many plugins in my blog.

    This post is worth saving if the blogger decided not to use any plugin. Rob Cubbon actually told me that it’s good to not exceed plugins NOT more than 12. But mine exceeded up to 18 plugins. Good. But not excellent. Coz your blog can slow down if you have too many plugins.

    Anyhoo, until later my friend. I miss you and I think I like it more when you’re not working at mobiada…you have more time here. But despite all, I’m glad you’re able to post here anyway.

    Have a great weekend.

    Angela

  3. Hi Vijesh,

    Ads under post and on the widget side seem to perform better than other I guess and doing this is not very easy on blogger platform unlike wordpress. HTML edit really need to be calmed with so as not to mess up the whole template,and I will say backing up our blog before any editing is very essential. Thanks for this wonderful tutorial.

  4. Very nice share. This is useful for anyone that is still with Blogger. I much prefer to self host nowadays but I can see why others would use Blogger. I think it has become a much harder tool to use though and I do not like it as much as I used to.

    • Thanks for your comment Martin, its true that Blogger is not much preferred but many still make decent income from this platform. But self hosted blogs do have their own advantages.
      Thanks for your visit.

  5. Good write up dude…… this is very helpful. Thanks for sharing.

  6. Hello,

    Informative post, putting the ads below the post title is really nice idea to get more clicks to the ads. Well recently i’ve created a new blogger blog and i’m gonna surely follow your tips.

    thanks

  7. thanks for such an wonderful post.I have one question can i show ads randomly in between post???

  8. First thanks for your important step by step article about Google adsense code. These are really helpful for newbie bloggers.

  9. Thank you for the simple-to-understand tutorial, Vijesh. Any idea, how I can mark the ad with ‘sponsored link’ or ‘Advertisement’ to go with the ad?

Leave a Comment

Your email address will not be published.

CommentLuv badge

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!