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

Placing 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.

In 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.

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.

After 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.