>> 9. Add Google Adsense to Blogger Header

In this Blogger tutorial you will learn how to add Google Adsense to the header of your Blogger blog. This article assumes no knowledge of Blogger and provides a walkthrough of the steps involved to add Google Adsense to the header of your blog.

This is the third Blogger tutorial in a series on adding Google Adsense to a Blogger blog (Blogspot blog).

Place Google Adsense Below Post Title in Blogger
Better Placement of Google Adsense on a Blogger Blog

1. How To Add Google Adsense to the Header (Above the Title)
   If you want to add Google Adsense to your header for instance above the title you can by adjusting your template to give you the option of adding more than one widget to the header area.
   
   
   1. Login to Blogger and navigate to Design > Edit HTML
   2. Back up your template as a precaution by downloading the full template to your computer
   3. Using CTRL + F to bring up the search box find the following line of code. For default Blogger templates - Layout (2006) such as Minima, Thisaway and Sand Dollar and for many custom templates find <div id='header-wrapper'>
      
      For new Blogger templates such as Simple and Awesome Inc find this line <div class='region-inner header-inner'>
   4. Replace the following code in red:
      

      <div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

      
      with
      
      

      <div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

   5. Save Template
   6. Navigate to Design > Page Elements (previously Layout > Page Elements) and view the new option to add a gadget to the header area
      
      
   7. Click on Add a Gadget and select the Google Adsense gadget.
   8. Choose the type of ad unit you want. For this example I chose a new linked 728x15 ad unit from the dropdown format menu for an Adsense ad that would sit above the blog title. Configure colors if necessary. Color blending is usually done automatically by Blogger according to the color schema of your template.
   9. Click Save
   10. Click View Blog to see your new Google Adsense unit in place. All going well your new ad unit should appear look something like the image below
       
       
2. How to Add Google Adsense to the Header (Below the Title)
   To have your new Google Adsense linked unit appear below the title the steps are the same as above. The difference is that you will need to shift the ad unit into position by using the drag and drop feature to move the widget below the header title in the Design > Page Elements page.
   
   
   

Tips and Troubleshooting
By default Blogger will left align these ads so if you want to center the Adsense unit then use the <div align='center'>

How to Center a Google Adsense Unit in Blogger

1. Once you have created your Google Adsense unit go to Design > Edit HTML
2. Check the Expand Widgets Template box
3. Find the code you replaced in Step 4
   
   

   <b:section class='header' id='header' maxwidgets='3' showaddelement='yes>

4. Directly below you will see lines of code that resemble the following:
   
   

   <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<data:adCode/>
<b:include name='quickedit'/>
</div>

5. Add the following code shown in red
   

   <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<div align='center'><data:adCode/></div>
<b:include name='quickedit'/>
</div>

6. Save template and view your Adsense widget which will now be centered

In this Blogger tutorial you have learnt how to add a Google Adsense unit above and below the blog title in the header section of your Blogger blog (Blogspot Blog). I have also demonstrated how to center the Google Adsense unit. As always any questions please ask.

Make Money Add Banners Ads to Blogger

One of the things that makes Blogger such a great blogging platform is the facility to add advertising to your Blogspot blog and make money from it. In this article I will be discussing how banner advertisements on your Blogger blog can make money for you. By banner advertising I mean advertising in addition to Google Adsense or Adbrite that you may have already added to your Blogger blog. For information on adding Google Adsense to your blog please read my articles on Google Adsense.

Banner advertising is FREE. And Banners Do Make Money.
It is no secret that banners make money provided you choose your merchant program carefully and have enough traffic accessing your site. In my experience once you reach around 100 visitors a day is a good time to add a few banners to your blog.

How Do I Make Money from Banners on My Blogger Blog?
Affiliate marketing banners make money for the publisher - that's you. When you place a banner on your blog the affiliate program gives you a snippet of code to add to your template which makes the banner display and identifies you as the publisher. When a visitor clicks on a banner on your website that click is recorded as originating from your site and you make money as a result of that click. Depending on the merchant program that you have signed up for you can earn a commission for providing a lead, or receive a percentage of the sale.

An Example of How Banners Work
After having placed your banner ad on your Blogger blog your site gets 100 visitors in a day. Out of that 100 people 5 people click on a banner which takes them through to the merchant's website. From those 5 people one person makes a purchase of around $100.00. Assuming your commission is 10% of the sale you have just made yourself $10.00. It's that easy.

Making the Most Out of Advertising Banners
To make money from banner ads you need volume as only a small percentage of your visitors will take any notice of the advertising on your blog and only a much smaller percentage of that pool will actually buy anything once they click. That's why it is really important that you focus your energies on building site traffic. If you need to grow your traffic read my articles on tips to increase traffic to your Blogger blog.

Of course you do need to choose your affiliate banners carefully as obviously some advertising will have more appeal than others. To some extent this is a matter of trial and error as you can never be completely sure how a banner will perform until you try it. You can increase the odds of success however, by choosing merchant programs that are related to your blog in some way. For instance if your blog is about cars then advertisers of car accessories like audio units would be a good place to start.

How Do I Add Affiliate Banners to My Blogger Blog?
Adding affiliate banners to your blog is pretty easy. Pretty much copy and paste stuff which anyone can do. Please read my article providing step by step instructions on how to Add Affiliate Banner Ads to the Blogger Sidebar of your Blogger blog if you are unsure. If you want to place a banner in the header of your blog please refer to Add an Affiliate Banner to Blogger Header

Disadvantages of Banner Ads
Too many banner ads can give your visitors the impression you are just in it for the money. So make sure you don't go overboard with too much advertising that will overshadow or detract from the content of your blog. Remember less is more so place your banners ads strategically on your blog. I like a small cluster of about 4 banner ads usually 125x125 somewhere fairly close to the top in the sidebar and a 468x60 banner in the header. The header is a prime position for an effective banner advertising campaign. Read more about how to place a banner ad in the header of your Blogger blog in my adding banners to Blogger series of tutorials.


The other main problem with banner ads is that they encourage visitors to leave your site and as we all know one of the hardest jobs is to attract the visitor in the first place. Do you really want them leaving your site before they have had a chance to look around? I don't think so. Only place banner ads on your blog that you are confident will reap you some rewards otherwise forget it. You might actually lose traffic if you provide too many inducements to leave your site.