Place or Show Google Adsense Ads Below Blogger Post Title

                               Place or Show Google Adsense Ads Below Blogger Post Title

Encode Adsense Code for Placement

• First of Go to Adsense Account and then create new ad unit of size which want otherwise on my recommendation create banner of size 336*280 or 300*250
• Then select the type of your Adsense code from Asynchronous and Synchronous ad unit and copy your Adsense code into notepad.
• Now Open HTML Encoder tool to convert your Adsense code for placement within HTML tags.

       Visit:- HTML Encoder Tool

• In encoder tool paste your Adsense ad unit and convert your according to your  ad unit type as explained below

For Asynchronous Code type

• If you are using asynchronous ad unit then only convert this portion of your ad unit with encoder tool

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

• After encoding this code simply replace your old code with encoded then it look likes

• Never Encode whole asynchronous ad unit it may not works for some template. So only encode in same way as shown above

For Synchronous Code type

• If you want to place Adsense ad code of synchronous type then simply code all ad unit code and place it in encoder tool.
• Then Encode the whole Adsense ad unit and paste it in notepad for further usage. It look like

For Responsive Ad Unit

• Responsive ad unit will encoded in same as done in Asynchronous only encode same portion and replace it with previous once and it will something look like this one.

Method To Place Encoded Ad unit in Blogger

• After doing all process of encoding then you have to place them below your post title to do this process.
• Open Your Blogger Dashboard >> Template section >> Edit HTML
• Then Search for code by CTRL+F which something look like this code

 <div class='post-body entry-content'>

• After finding above code just below it, paste the codes given below. In case if you don't find above code then search for <data:post.body/> and paste below code just above<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">

 Encoded Ad unit code here

</div>
</b:if>

• Replace  Encoded Ad unit code here with the adsense ad unit code which we have encoded above with tool.
• To change ads position you can change it from center to left or right just by replacingcenter
• After doing all these changes save your settings and your Adsense code will works fine.