How to put Adsense ads on a Blogger blog

Google Adsense in one of the more popular ways to monetize your blog. When implemented, Adsense will display targeted Google advertisements on your blog. The content of the ads is often relevant to your blog page’s content and audience.

This tutorial will show you the three ways how you can add Adsense ads to your blog. Of course to be able to do all this, you have to Sign up to Adsense first.

Note: Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page. Keep that limit in mind when adding your ads.


1. Inline ads

This method puts an ad unit at the end of each blog post, depending on your ad frequency setting.

  1. Go to Layout (old UI: Design > Page Elements) and click the edit link in Blog Posts gadget box.
  2. Check the Show Ads Between Posts checkbox.
    adsense inline ad
  3. Configure your ad frequency, ad format, and colors. Live preview is provided beneath the settings.
  4. Click Save when done.


2. Adsense gadget

Use this method to add an ad unit as a widget, in places outside the blog post area. You can reposition the ad simply by dragging it in Layout page, just like any other widget. You can even target on which pages it should appear.

  1. Go to Layout (old UI: Design > Page Elements) and click an Add-A-Gadget link.
  2. Select Adsense Gadget.
    adsense gadget
  3. Configure your ad format and colors.
  4. Click Save when done.


3. Adsense code

This method is not as easy to implement as it involves some coding, but it gives you more control. The most notable benefits of using this method are:

  • Place ad anywhere on your blog
    You can place the code anywhere in your blog template, accessing locations otherwise impossible with inline ad or Adsense gadget. You can even place it in your blog post or page.
  • Monitor your ad performance  (channel monitoring).
    Where is the best location to put an ad on your blog? Which format performs the best? Find out by yourself by assigning a channel/channels to an add. You can then monitor the ad performance through the channels. If you are serious about monetizing with Adsense, the this feature is a must use. 
  • Not limited to ad units.
    You can choose types other than ad unit, such as link unit or search box.


Here’s a the procedure for creating an ad and adding it to your blog:

  1. Create an ad in Google Adsense website.
  2. Click AdSense Setup tab and then select Adsense For Content.
    adsense ad setup
  3. Choose your ad type, choose format and colors and assign channels.
  4. When the setup is completed, you will be given a code. Copy the ad code and add it to your blog, using one of the following methods:
    • Pasting the code in a HTML/Javascript gadget, or
    • Pasting it in a blog post’s or page’s HTML, or
    • Placing it in the blog template. Make sure you escape the code first before pasting it in your template. If you want, you can make the ad appear only on certain page types and disappear on the rest, or vice versa.


42 comments to "How to put Adsense ads on a Blogger blog"

Anup @ Hack Tutors August 25, 2010 at 1:45 PM    

I mostly used to place Google Adsense below the post title of my blog. Thanks for sharing :)

Greenlava August 25, 2010 at 3:40 PM    

@Anup @ Hack Tutors
Me too. It's the best performing spot so far.

hemy August 29, 2010 at 1:24 AM    

thank for dropping by...

Anna Boleyn August 29, 2010 at 11:11 AM    

hey..visit u here..visit me back kay :)

Bella Enveeus August 31, 2010 at 4:37 PM    

hey thanks..was thinking of having google adsense for my site..

Greenlava August 31, 2010 at 8:16 PM    

@Anne Boleyn
Thanks for dropping by and commenting.

@Bella Enveeus
Good to have you here :)

Khairi September 22, 2010 at 12:32 PM    

I have tried to monetize my blog a few times, but they said my blog language is not supported. I think because I blog in Malay.

I do have some English posts, apparently, there is no such minimum English words used.

Until now, cannot install adsense. Do you have solution on this?

Greenlava September 22, 2010 at 10:59 PM    

You need a blog in English (English as the main language). Use that blog when applying for Adsense.

Gina November 14, 2010 at 5:26 AM    

I have a 728 x 90 leaderboard block at the top -- it's sort of inside the header, I don't seem to have any choice about that -- but it's aligned to the left and that looks stupid.

How can I center it?

Greenlava November 14, 2010 at 6:41 AM    

Go to Design > Template Designer > Advanced > Add CSS and add this code:
#widgetID {text-align:center;}

How to find your widget ID? Read How to find Blogger widget and section Id
Details on adding custom CSS snippet: Template Designer: Add style with custom CSS code snippet

Gina November 14, 2010 at 10:41 PM    

Thanks! I did it and it worked!

You're a genius...

Anonymous,  December 18, 2010 at 1:46 PM    

Hey erm I tried to use a html/javascript gadget but the ad didnt show up. Like there was just a blank square there instead.

Greenlava December 19, 2010 at 11:26 AM    

Blank square usually indicates something wrong with the Adsense code.

sandipan@Inkjam January 27, 2011 at 9:35 PM    

Thanks for the help

Shane February 17, 2011 at 10:50 PM    

Thanks for your article but my problem is weird, I have the Adsense tab but the problem is it showing
"We couldn't retrieve data for your report. Please try again in a few moments or visit AdSense Reports."
error message, Now problem occur nearly month ago, Still that error message displaying!! Is it problem with my blogger template? Or any other issue?

Greenlava February 21, 2011 at 7:31 PM    

I don't have the answer but I don't think it's related to template though. Why don't you post this question in AdSense Help Forum. Maybe the TCs there can help.

krizza March 4, 2011 at 7:09 PM    

Hi! I've done 1 and 2 but nothing was changed on my blog page. Does it mean that I just have to wait for Google adsense to place relevant ads on my blog? Thanks

Greenlava March 4, 2011 at 10:53 PM    

Yes you have to wait. It usually takes less than 10 minutes.
Anyway looks like the ads have appeared.

Santosh March 7, 2011 at 3:57 PM    

i have added adsense gadget in my blog at gadget area but google add are not showing in that area instead that it'showing a blank rectangular box.

i hope this is due to my addsense account problem..
my addsense status:

Account Not Active
An AdSense account does not exist for this login, as your application is currently in review. Within a week of your application date, we'll review your application and follow-up with you via email. Once you are approved to join AdSense, you'll be able to log in to your account and get started.

Plz tell me the solution on that....


Greenlava March 8, 2011 at 5:05 PM    

There's nothing much you can do except wait.

Diptesh Thakore August 4, 2011 at 2:25 AM    
This comment has been removed by the author.
Plickety Cat August 10, 2011 at 8:33 AM    

I want to add some Adsense gadgets to select pages on my blog. I know how to conditionally display them, but I've been leary of adding the gadget because I don't know how much control we have over what gets advertised there. I certainly don't want a company or product I'm boycotting or think is total tripe to pop up simply because it's in the queue.

Is there any way to link specifically to one company or one product using Adsense? Like if I wanted to embed the ad on a "Recommendation" or "Reviews" page?

Greenlava August 11, 2011 at 1:30 PM    

@Plickety Cat
You can filter Adsense ads:

Cool Jokes SMS September 10, 2011 at 1:33 AM    

helpful tip for me. I have never used Inline Ads before.

Sebastien September 11, 2011 at 7:48 AM    

I would like to put a banner in header
Can you help please?
Thank you very much

Greenlava September 11, 2011 at 4:59 PM    

@Jean S├ębastien
Try this :
Add banner, Adsense or search box in header

Edwin January 21, 2012 at 12:22 AM    

Hello guys... I have a problem... I tried to insert a chitika ads inside my blog content. It did show up but the problem is even though there's a space on the right of the ads(300x250), My content seems to place i self under the ads. How to make my blog content inline with the ads? thanks! To see my problem, please visits >

Greenlava January 23, 2012 at 11:56 AM    

Put the code in a div element and than float-left it, like this:
[div style='float: left;']

Anonymous,  May 19, 2012 at 9:31 AM    

very nice thanks a lot

shahid September 19, 2012 at 1:48 AM    

thanks very nice post

Unknown December 8, 2012 at 2:00 AM    

Wow, this tips can help any layman to setup adsense

Unknown January 7, 2013 at 9:29 PM    

Hello, I would like to insert adsense advertising on the mobile version of my blog. I noticed that you did it. Could you explain how?

Greenlava January 8, 2013 at 7:04 PM    

@La Cucina Imperfetta di Giuliana
I use Adsense gadget, but with a "mobile" attribute added, like this:
<b:widget id='AdSense1' locked='false' mobile='only' title='' type='AdSense'/>

you can read about it here:

Berita Hankam January 20, 2013 at 3:01 PM    

How to put adsense code below post without parsing adsense code?

Greenlava January 21, 2013 at 2:59 AM    

@Berita Hankam
Another option is to put the code in CDATA section, like this:
<script type="text/javascript">

Nisha April 20, 2013 at 6:57 AM    

Okay hi, I saw a similar post on another blog and I'm wondering if the other one was legit...because I see responses to reader's comments here but nothing on the other blog.
Anyway, I had a question...over the last 2 years i have tried all the 3 methods of adding ads to my blog, and positioning them differently. This month I tried a combination of each.
But this month suddenly the earnings have dropped so much even after the frequent blog updates and despite the obvious increase in traffic, so i am wondering if each of these 3 ways you mentioned works the same or is one way better than the other?

Greenlava April 20, 2013 at 12:58 PM    

What method you use to produce the ads will have no effect on your earnings.
What does affect your earnings are the ads' location, size, type and color (for text ad).

Apon May 1, 2013 at 7:55 PM    

Very useful post for new.

Eslam Nabil July 27, 2013 at 4:00 PM    

Thanks a lot bro :)

aluminium directory September 21, 2013 at 7:24 AM    

nice tips .. thanks a lot..

Lenny December 8, 2013 at 2:30 AM    

What plug-in / widget / tool are you using for your pics? When I scroll ower your pics in this postthe pinterest button comes up. That's awesome - I want that too :)

Great post btw!

Greenlava December 12, 2013 at 9:04 PM    

Get the button here: Pinterest Pin It button on image hover

Post a Comment

We love to hear from you! Leave us a comment.

To ensure proper display, HTML/XML/Javascript need to be escaped first using this escape tool.