Place or Show Google Adsense Ads Below Blogger Post Title

Google Adsense is best online publisher ad network for contextual ads. Google Adsense is best online method to earn from website or blog just by placing ads on them. Google Adsense offers various type of ads format and size in which they offers text ads, animated flash ads, images based ads in various size in shape of rectangle, square, skyscraper and even Responsive ad units. But for every new blogger or publisher which don't have good knowledge about ads placement always face problem which showing ads at different positions in their blog. 

To earn good revenue from Adsense it is important to place ads at right place where users having more interactions. by choose right ads placement it will boost your earnings. So to places within upper fold of blog, place below post title is always perform better than any another upper fold banners. But to Add Adsense code below blogger post title we always face problem just because their is no option to show ads below post title. If also facing problem same issue which ads place then i am sure that this topic is solution of your problem.

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 replacing center
• After doing all these changes save your settings and your Adsense code will works fine.

If you want to change conditional tag to show or hide adsense ads from according to yourself just replace  <b:if cond='data:blog.pageType == &quot;item&quot;'> with your conditional tag or if you want learn about conditional tags then

Must Read:- Display or Hide anything in Blogger with Conditional Statements

Having Any Trouble ?

In case if your Adsense is not visible below post title or having an issue which implementation then must leave comments with your blog URL and problem which are facing. I will try my best to solve your issues.