BlogKnowHow apologies for the technical problems with the site. We are working on it and hope to resolve the issue as soon as possible.

Monday, March 30, 2009

Google Adsense Tips for a Blogger Blog

As the Blogger platform is owned by Google it is not surprising that Blogger makes it very easy to add Google Adsense to your Blogger Blogspot blog. In this tutorial you will learn about different ways to add Google Adsense to your blog. Along the way I will be offerring a few tips about best placement of Google Adsense units. I have aimed this Blogger tutorial at new bloggers and beginners and assumes no prior knowledge of Google Adsense. Bear in mind that before you can start to add Google Adsense to your Blogger blog you will need to have created an Adsense account.

3 Ways to Add Google Adsense to Blogger
There are two main ways to add Google Adsense to Blogger: one is to use a Google Adsense widget and the other is to use a HTML/Javascript widget. There is also a third way, which is outside the scope of this article, which is to hard code the Adsense code directly into the template.

Adding a Google Adsense Widget to Blogger
An Adsense widget is a container for the Google Adsense code. Once created it is easy with Blogger's powerful interface to drag and drop widgets into different positions within your template. Google Adsense widgets can be added to the header, sidebar, footer, or body of your blog. A Google Adsense widget is created when you click on an Add a Gadget button in the Layout > Page Elements menu and then select Adsense.

How to Add a Google Adsense Widget to the Sidebar
The simplest way to add Google Adsense is to select Adsense from the range of gadgets offered in the Layout > Page Elements page. Assuming you are using one of Blogger's standard templates you will more than likely be adding a skyscraper unit 160x600 or similar to the sidebar.

Google will work out the color scheme of the ad unit for you according to your template. You can override these settings if need be and configure the colors manually but stick with the default unless you have good reason not to. Another decision you will need to make is about the format of the ad unit. You can choose between text only and text and image. Personally I prefer text units for sidebars as you get more bites of the cherry than with an image unit. Images only advertise one thing while text units may provide up to 5 different links. However if you need a particular look you might still need to go for the image unit which is why Google offer this flexibility in the first place. Bear in mind that the combined text and image units are considered to be the highest earners.

Add 160x600 Google Adsense Skyscraper

Add an Adsense Widget to the Footer
Another not so widely used place for a Google Adsense unit is in the footer of your blog. If your template has a footer (eg Blogger standard templates like Minima and Rounders both have footer sections) you can add a Google ad unit to this area too. Footers are becoming increasingly popular places to add information like Archives and Follower widgets so visitors are getting used to the idea of scrolling down to the bottom of the page to check out the footer.

A linked 728x15 ad is a good choice for a footer position especially if you have a Followers widget enabled in the footer. I place this linked ad unit directly above the Followers widget. I suggest you make use of linked units if you can - you are allowed up to 3 linked units per page. Linked ad units can earn revenue if strategically placed on your blog. Do keep in mind though that Google Adsense units nearer the top and middle of the page are more visible and are likely to be your top performers.

Add 728x15 Linked Google Adsense Unit to Blogger Footer

HTML/Javascript Widget
The second way to add Google Adsense to your blog is to use a HTML/Javascript widget. Make use of these if you want to have more control over your advertising and track your Google ad units. To get the code in the first place you will need to login to Google Adsense and create each ad unit in the size of your choice from the Ads for Content menu. This will allow you to set up a unique channel for each ad unit you create so that you can identify which are your top performing units. For every new ad unit generated Google Adsense provides the code which you will need to copy and paste into a HTML/Javascript widget positioned in either the sidebar or the footer position.

How to Add Google Adsense Between Posts
Blogger is such a powerful Blogging platform with so many great features. One of these features is the facility to set Adsense to appear between blog posts. All that is needed is to navigate to Layout > Page Elements. Click on the edit Blog Posts link and check Show Ads Between Posts (last in the list)from the Select Items menu. I usually select 336x280 ad unit size as this gives a good ratio of links for the size. I also prefer text units for this position too as again you are more likely to have a visitor click on a link if they are presented with quite a few. Save and view your blog. Blogger automatically places one of three Google Adsense ads directly below each of the first three posts. If you want to space the ads further apart you can do so though in my experience there really is no advantage in doing this.

Remember that you can have up to three ad units and up to three linked ad units displayed at any one time. If you have ads in another part of your blog for instance Blogger will automatically recognise this and only display 2 other ad units. Sometimes I notice there is a bit of a glitch with Blogger and it may not display sidebar ads in favour of 3 ads in between posts so you might have to play around with this a little to get the positioning you want.

Add Google Adsense Between Posts

Note: To Center the Google Adsense Ad Unit

  1. Go to Layout > Edit HTML
  2. Check the Expand Widget Templates box
  3. Make sure you back up your template before proceeding
  4. Find the code block beginning with this line:


  5. Scroll down until you find these lines:

    <div class='inline-ad'>

  6. Change these lines to the following:
    <div class='inline-ad'>
    <P ALIGN='center'><data:adCode/></P>

  7. Save template

In my next couple of articles about Google Adsense I will be discussing how to add Google Adsense to other parts of your Blogger template including in the header, before the first post, after the last post, and in the middle of posts. This article has covered the basics of placement of Google Adsense for Blogger and offerred some suggestions about best placement of Google Adsense ad units.

Related Articles
Better Placement of Google Adsense in Blogger Blogs
Avoid 6 Common Blogger Mistakes
Blogger's Guide to Google Adsense Myths
Add Google Adsense to a Blogger Header
Blogger Guide to Google Adsense Placement
List of Blog Know How Blogger Tutorials

Subscribe to Blog Know How by Email


free css templates said...

Really awesome blog. I enjoyed reading this review from you. I found that you really update your site regularly that made me more interesting. I've bookmarked your site for my future use.

Thank you

The Whizz said...

Thanks for your support and vote of confidence. Hoping to provide an easy to understand and comprehensive resource for Bloggers

bank expert says said...

I read it carefully, your post help us very much

The Whizz said...

Thanks bank expert. Always good to know that someone else is benefiting from my blog posts. Hope you will come back soon!

Techvorm said...

I have searched internet for embeding ads in between posts although being very simple to do but it was your blog where i found the exact correct solution !
Looking forward to more useful posts like these in future.

The Whizz said...

Great feedback thank you. Stay tuned as I will be rolling out more articles about Google Adsense soon

Cashminters said...

This is a great post.I have ALWAYS have issues with online wana be income earners.I call some 'wana-be' because they read all there is to read but fail to implement any of the values in the several tips they continually read.If you are reading this now,its time to start implementing what you have learnt so far.You will always grow faster by making honest mistakes and learning from your field experience

The Whizz said...

Thanks Cashminters for dropping in

Mary Pat said...

Great instructions-very clear and easy to follow! Thanks!!

The Whizz said...

Mary glad my instructions for adding Adsense to Blogger were useful to you. I try to take the mystery out of customizing Blogger by making my Blogger tutorials as easy to understand as possible while catering for all levels of technical knowledge. A bit of a challenge actually.

Rip Off Reporter said...

THis is a real gem of a blog post.. I think will have to keep returning to enlighten myself..


The Whizz said...

Thanks Rip Off Reporter. May you continually find more gems at Blog Know How.

Anonymous said...

How can I center those google ads between posts?

The Whizz said...

Hi Author. To answer your question I have added a whole new section to these instructions. Please see

Note: To Center the Google Adsense Ad Unit

to learn how to center the Adsense ad unit. Good luck!

DharmeshNT said...

Thanks.......Nice Tips for Adsense

daniela said...

Great and very usefull ! thx to the owner !

shn05 said...

good site .this site help new comer blogger

Post a Comment