How To Show Adsense Ads Below Blogger Post Title

Do you want to learn how to add Adsense below blogger post title or how to place AdSense ads in the middle of blogger posts to help you earn more from your blog?

Then you're on the right track!

How much you'll earn while being a publisher of Adsense depends on your traffic, Cost Per Click (CPC) of the keywords in your posts, and where you place the ads to increase your Click Through Rate (CTR).

Best places to show AdSense ads are where your readers will easily see it and that is within the body of your blog posts.

To break down,

These locations are usually below the post title, in the middle or within the post body, and at the end of the post.

The aforelisted ad placement locations do not go against Adsense policies, hence you don't have to worry about being banned by AdSense and losing your hard earned income.

On these locations, the AdSense ads can be centralized, wrapped around text or aligned to the left within a post, depending on which style you want to apply.

To show Adsense Ads below blogger post title, add ads between posts in blogger, and align them,  follow the steps below.

Generally, we'll show you how to insert ads within your post content in blogger.



Also Read:     Add Read More Attribution Links to Copied Text in Blogger
                       How to Create HTML Sitemap In Blogger
                       How To Embed PDF, DOC, XLS And PPT Files In Blogger
                       How to Disable Right Click On Blogger - Stop Copy Paste


1. How To Place Adsense Ads Below Blogger Post Title


The first place you can put your AdSense is below the post title.

This is because It converts well by bringing more clicks and higher rpm.

A user in most cases does not have to scroll down before seeing the ad placed here.

It is also most effective to put Google Adsense below post title in blogger mobile versions of blogger.

So,

To put AdSense code in blogger post body, do the following:

    • From your Adsense account, create a new ad unit or get the code to an ad unit you created previously. Most preferred ones are usually the 300*250 Medium Rectangle or 336*280 Large Rectangle ad sizes.   
    • On the HTML parse tool, paste your AdSense code and click on 'convert'. Your parsed code will be generated. Copy this into a notepad or any text editor. 
    • Next, go to your blogger dashboard, click on 'template'. It will be advisable for you to backup your template first before you paste AdSense code in blogger.
    •  Click on "edit html"
    •  Using Ctrl+F search for this tag <data:post.body/> 
    • Copy the code shown below and paste 'above'  the second <data:post.body/> you find in your template. 


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    
    PLACE YOUR AD CODE HERE
    
    </b:if>
    


    • Replace 'PLACE YOUR AD CODE HERE' in the code above with your parsed AdSense code.

    Note: The tag <data:post.body/> will appear more than once in your template, paste the code either on the second or third tag, depending on which will work for you.

    Depending on your template, it might either show the ads below the post title in the mobile version or desktop version of your blog, but this is not the case in the new blogger templates like Emporio, Soho, Notable, and Contempo blogger Template. They automatically adopt the changes in both versions of your blog when the code is added only once

    That being so, view both versions of your blog to note if there are any changes.

    • Save your blogger template, then view your blog where you should see the new changes,( if the ad isn't showing, undo the changes and paste the AdSense code above the next <data:post.body/> you see in your template)

    How To Align Adsense Ads Within Blogger Post


    To align Adsense Ads either to the right, left, and center, follow the steps below
    • By default, the ad will be aligned to the left, but If you'll like your post or text to wrap around the AdSense ad, then copy this code below and paste 'above' the second <data:post.body/> in your template.
    • Ensure you replace "PLACE YOUR AD CODE HERE" with your parsed AdSense code.



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    
        <div style='float:left; margin:10px;'>  // type this line manually, dont copy and paste
    
        PLACE YOUR AD CODE HERE
    
        </div>
    
        </b:if>
    



    How To Centralize Adsense Ads Within Blogger Post

    • If you'll like the ad to be centralized in your post, copy this code instead and paste in your template.


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    
        <div align='center'> 
    
        PLACE YOUR AD CODE HERE
    
        </div>
    
        </b:if>
    


    With the steps above, you can on how to add ads between posts in blogger, you can add ads from AdSense, mgid, content.ad, media.net, propeller and several others within your post.


    2. How To Place Adsense Ads After Blogger Post


    To place AdSense ads immediately after the post  
    • Follow the same procedure you used in generating your AdSense code or use the same code you generated and parsed already (The process was outlined in the first section of this post).
    • Next, Goto your template
    • Click on "Edit html"
    •  Using Ctrl+F search for this tag <data:post.body/> 
    • Copy the code shown below and paste 'below'  the second <data:post.body/> you find in your template. 

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    
    PLACE YOUR AD CODE HERE
    
    </b:if>

    • Replace 'PLACE YOUR AD CODE HERE' in the code above with your parsed AdSense code.

    3. How to Place Adsense Ads in the Middle of Blogger Post


    The first two procedures showed how to place AdSense ads below post title and after the post.

    These steps show you how to place AdSense ads in the middle of blogger posts where it will definitely get a high click-through rate.

    To do this,

    If you do not have a parsed Adsense code already,

    • Generate your adsense code from your adsense account, 
    • Goto your template
    • Using ctrl + F keys, search for <data:post.body/> 
    • 'Replace' the second <data:post.body/>  in your template with the code below

    Note that it might not necessarily be the second <data:post.body/>  you will have to replace for this to work, most times it is.

    Yours might be the third or even the fourth, that's why you should backup your template first before proceeding.


    <div expr:id='&quot;post1&quot; + data:post.id'/>
    <div class='googlepublisherads' style='margin:20px 0'>
    <center>
    place ad here
    </center>
    </div>
    <div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
    var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
    var s=obj1.innerHTML;
    var t=s.substr(0,s.length/2);
    var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
    if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
    </script>

    • Replace place ad here in the code above with your parsed adsense code
    • Save your template.

    The ad will appear after the first <br/> tag in your post. To make the ad appear after a quarter of your post has been displayed instead of less than half of the post, change the highlighted value 2 to 4.

    Conclusion:




    Do you like this post? Please link back to this article by copying one of the codes below.

    URL Of Post:


    HTML Link Code:

    BB (forum) link code:

    Comments

    Post a Comment

    Please share your views on this topic with Grace Joseph by leaving a comment.