• Admin
  • Never miss an Update
    seo

    1 Sep 2016

    Properly Show Adsense Ads Anywhere In Blogger
    Adsense being one of the most paying affiliate programs, that offer lot of ways to advertise, one would want to make the best out of it by properly placing ads at the right (most paying) places. Defaultly, blogger allows you to paste adsense codes at the sidebar, footer, below blog title and also between posts. 
    Generally, blogspots available spots are just OK but if you want to make more money from your blog, you have to learn how to create more spots for your banners and text ads. One of my favourite spot, is below the post title because any person that enters your blog to read any post must first check out the article title.

    Best Places To Paste Adsense Ads

    Before implementing AdSense on our blog, let's first check out the most paying or converting places to implement AdSense codes.
    • Below Blogger Post Title
    • After Every Blogger Post
    • Within Post
    • Sidebar
    • Beside Blog Title
    • Above and below Blog Title
    • Between comments and post

    Most Paying Adsense Banner Ads Size

    Not every Adsense banner size pays well. Though they are great, the following have been seen to perform better than others. Should in case you want to implement any banner on your blog, I suggest you choose from the following.
    • 300x600
    • 336x280
    • 720x90
    • 300x250
    • 970x90
    • 468x960

    How To Properly Implement Adsense Ads On Various Part of The Blog

    On our drive to make more money from our blog, we will now go ahead to implementing AdSense adverts on various part of our blog. This also cut across the BlogSpot tutorial series - Design Ogbonge Blogger Template. Some of the spots enlisted are being used by Jide of Ogbonge Blog, so do pick out any spot you wish to show ads on.

    Show Adsense On Blogger Blog Sidebar

    To show ads on the sidebar of your blogger blog is quite easy. All you need to do is to visit the layout section of your blog, locate the sidebar where you want to show AdSense and clink on "Add Widget". 

    google adsense

    On the pop-up box, simply select AdSense. On the new pop-up box, make settings according to your taste and clink on save. That is all.

    Tips: 336x280, 300x250, 300x600, Responsive, are the recommended banner sizes for the sidebar of a blog.

    Insert Adsense Between Posts In Blogger

    Adsense ads can also be shown between posts in blogger. In other to make this happen, visit the layout section of your blogger dashboard and locate the main section. where you have the widget with blog1 as id. Simply clink on edit and scroll down till you get to show ads between posts option.
    Tick this option and choose the number of posts to get to, before an advert will show. 

    Tip: 720x90, 468x60, 350x280, 300x250, Responsive are the recommended ads banner size to be shown between posts.

    Alternative Method To Show Ads In the Sidebar And Between Post In Blogger.

    If you feel as if the above procedure is too long, try out this quicker way to implement adverts at the sidebar and between posts in a blog.

    Locate the earnings tab in your blogger dashboard. Once it opens, clink on shows ads, after that tick on at the sidebar and between posts. That's All.

    Show Ads At The Footer

    To show ads at the footer of your blog, locate the layout section and scroll down till you get to the footer region. Once you get there, clink on add widget and select AdSense in the options listed.

    adsense at the footer

    Choose the settings of your choice and save the widget.

    Tip: 970x90, 720x90, 468x60 are the recommended ad sizes depending on the width of your blog.

    Implement Adsense Ads Above And Below Blog Title

    by Default, blogger doesn't offer you this widget. So in order to show adverts at the top of our blogger header or below it, we need to enable this feature in the HTML section.

    So let's go to the "Edit HTML" section of the blog. Search for the below code.
    <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
    Once found, replace it with the below code and save.
    <b:section class='header' id='header' maxwidgets='5' name='Header' showaddelement='yes'>
    Now, lets go back to the "Layout section", locate your header widget. You should now see an option that lets you add a gadget. Simply clink on "Add Gadget", locate AdSense and choose any settings.
    Recommended Banner Size: 720x90, 970x90, 468x60.

    Part 2 Of Adding Adsense Ads on Blogger Blog.

    This second section of adding ads to blogger blogs will be a bit tactical and will require small HTML knowledge but if you don't have any knowledge of it, I will try to make it easy and well explained.

    Show Adsense Ads Below Blogger Post Title

    Log on to your blogger.com dashboard. locate the "template section" and then clink on the edit HTML.

    Step 1

    Log in to www.google.com/adsense,  Click on "My Ads" tab and then Click on the "New ad unit" button. Finally, select any of ad size.

    Recommended ad size: 336x280, 300x250, 720x90. Depending on your blogger blog width. Fill other options, save and copy the code.

    Step 2


    Step 3 - Adding the Code to Blogger HTML.

    Using CTRL+F search for  the second <div class='post-header'>

    Step 4

    Just below <div class='post-header'>, paste any of the following line of codes.
    adsense ads

    If you want your ad to display at the center inside your post
        <b:if cond='data:blog.pageType == "item"'>
        <div style="text-align:center;">
        Paste your parsed adsense code here </div>
        </b:if> 
    If you want your ad to display on the left side inside your post 
        <b:if cond='data:blog.pageType == "item"'>
        <div style="float:left;">
        Paste your parsed adsense code here
    </div>
        </b:if> 
    If you want your ad to display on the right side inside your post 
        <b:if cond='data:blog.pageType == "item"'>
        <div style="float:right;">
        Paste your parsed adsense code here
    </div>
        </b:if> 
    Note: The above code is conditional tags that restrict the Ads to post pages ONLY.

    Step 5.

    Now replace "Paste your parsed AdSense code here" with the converted code in step 2 above.

    Save your template.

    Show Ads After Every Post In Blogger

    Log on to your blogger.com dashboard. locate the template section and then clink on the edit HTML.

    Step 1

    Log in to www.google.com/adsense,  Click on "My Ads" tab and then Click on the "New ad unit" button. Finally, select any of ad size.

    Recommended ad size: 336x280, 300x250, 720x90. Depending on your blogger blog width. Fill other options, save and copy the code.

    Step 2


    Step 3 - Adding the Code to Blogger HTML.

    Using CTRL+F search for  the second <div class='post-footer'>

    Step 4

    Just below <div class='post-footer'>, paste any of the following line of codes.

    add adsense to blogger

    If you want your ad to display at the center inside your post
        <b:if cond='data:blog.pageType == "item"'>
        <div style="text-align:center;">
        Paste your parsed adsense code here </div>
        </b:if> 
    If you want your ad to display at the left side inside your post 
        <b:if cond='data:blog.pageType == "item"'>
        <div style="float:left;">
        Paste your parsed adsense code here </div>
        </b:if> 
    If you want your ad to display at the right side inside your post 
        <b:if cond='data:blog.pageType == "item"'>
        <div style="float:right;">
        Paste your parsed adsense code here  </div>
        </b:if> 
    Note: The above code are conditional tags that restrict the Ads to post pages ONLY.

    Step 5.

    Now replace "Paste your parsed AdSense code here" with the converted code in step 2 above.

    Save your template.

    Show Double Link Ads (text) Below Blogger Posts

    Step 1 

    Login to your Google Adsense account, and create a new ad.  Choose the 180 x 90 ad type. if you prefer the horizontal LinkList, you can choose the 728x15 ad type. Then, copy the code into a Notepad.  Try and create a channel for the ad. Copy the code, after saving.

    Step 2 

    Go to http://www.freehtmlparser.blogspot.com and parse the AdSense code you copied as explained above.

    Step 3

    Login to you Blogger dashboard and navigate to Design > Edit HTML. Using "CTRL+F", search for the code <data:post.body/>  

    Step 4

    Copy and paste the below code, directly below  <data:post.body/>  
    <b:if cond='data:blog.pageType == "item"'>
    <div style='float:left;padding:20px;'>
    Paste Parsed Adsense Code </div>
    </b:if>
    Step 5
    Replace "Paste Parsed Adsense Code" with the converted code in step 2. Finally save the template.

    Note: You can also paste the code below the second <div class='post-footer'>.

    Show Adsense Ads Within (Middle) Of Blogger Posts

    Step 1

    Create your adsense ads at www.google.com/adsense

    Step 2

    Covert your adsense code at http://www.freehtmlparser.blogspot.com

    Step 3

    Using CTRL+F search for <div class='post-body entry-content'>

    Step 4

    Just after <div class='post-body entry-content'> paste the below code.
    <div style='float:right'>
    <!-- Add here the code of your ad -->
    </div>

    Step 5

    Replace <!-- Add here the code of your ad --> with your converted Adsense code.

    Final Words

    Every section of this post cuts across any part of the blog where you need to properly place Adsense codes for earnings. You are not advised to use all available spots because Google Adsense doesn't allow you to place more than 3 banner ads on one post page.

    Do You want to show more than 3 AdSense banners per page?

    Adsense allows you to use just 3 banners but with the help of Ezoic free tool, you can add up to 6 banners to one blog at a time. Exoic is Google Adsense approved and it is advised for bloggers since it enables people to earn over 75% more of what they should have earned.


    Have fun blogging. Leave questions and words of satisfaction at the comment box. they are really appreciated. Sharing is Caring!

    8 comments - Post Yours! How to? ▼
    PLEASE NOTE:
    Commenting rules:
  • Spamming/promotional links are not allowed in comments
  • Questions related to this post should be posted here, not Fb
  • I respond to comments in less than 5mins
  • How to style text in comments:
    • To write a bold letter please use <strong></strong> or <b></b>.
    • To write an italic letter please use <em></em> or <i></i>.
    • To write an underline letter please use <u></u>.
    • To write a strikethrought letter please use <strike></strike>.
    • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
      And use parse tool below to easy get the style.

    avatar

    Thanks good one am learning, waiting for the other series

    avatar

    Welcome soulmate... Thanks for your words.

    avatar

    Am also learning too, keep it up

    avatar

    Prince please av followed each step but Nono is working for me.

    Maybe I should forward my blog template.

    avatar

    is adsense displaying on your blog?

    avatar

    HELLO THANKS FOR GOOD ARTICLE

    I WANT TO SHOW ADS ON MY BLOG LHS AND RHS BLANK AREA

    PLS HELP ME

    WWW.MYTECSUPPORT.IN

    avatar
    Anonymous May 27, 2017 6:01 pm
    Author

    This is basically a copied content from another blog: helplogger. And it's bad you don't check out what you teach here. You didn't even copy the part on showing within Blogger posts well. How can you say adding code after "div class='post-body entry-content'" shows up within post? It will only show up under title or just above post but still underneath the title. Hey bro, if you want to copy, copy well

    Enjoy the very best of fans engagement and interaction. Read Commenting Terms And Conditions.

    Comments with links will not be published.


    Spamming comments will be deleted.


    Comments not related to post will be moderated.


    Tick the Notify Me box before commenting. Make use of Smilleys & Codes

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more