Properly Show Adsense Ads Anywhere In Blogger Blog

Properly Show Adsense Ads Anywhere In Blogger Blog

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, lets 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, but 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 post 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 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

Defaultly, 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 lets 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 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 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 code 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 enable people earn over 75% more of what they should have earn.


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

7 Comments

All comments are moderated. Read Commenting Terms And Conditions.

  1. Thanks good one am learning, waiting for the other series

    ReplyDelete
  2. Am also learning too, keep it up

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

    Maybe I should forward my blog template.

    ReplyDelete
  4. HELLO THANKS FOR GOOD ARTICLE

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

    PLS HELP ME

    WWW.MYTECSUPPORT.IN

    ReplyDelete
Previous Post Next Post