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.
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.
Login to Blogger and navigate to Design > Edit HTML
Back up your template as a precaution by downloading the full template to your computer
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
For new Blogger templates such as Simple and Awesome Inc find this line <div class='region-inner header-inner'>
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'>
Save Template
Navigate to Design > Page Elements (previously Layout > Page Elements) and view the new option to add a gadget to the header area
Click on Add a Gadget and select the Google Adsense gadget.
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.
Click Save
Click View Blog to see your new Google Adsense unit in place.
Comments
Post a Comment