Adding a Leaderboard/Banner Ad in Blogger

If you don’t know whether you have an old or new Blogspot template, search for “region-inner header-inner” in your HTML template. If you find it, you have a new template. If you don’t find it, search for “skiplinks.” If you find it, you have an old template.

New Blogger “Designer” Templates

Go to Template – Edit HTML in your Blogger Dashboard to launch the Template Editor. NOTE: you may need to use the small arrows on the left side of the editor to expand the b:skin section of code.

Once you’ve done that, find this in your HTML template (you may need to use the arrows to expand the areas after the body tag):

<div class="region-inner header-inner">

Then add this below it – your ad code plus some extra stuff:

<div align="center">
YOUR 728 or 970 AD CODE HERE
</div>

Save your changes.

Older Blogger Templates (including Minima)

Go to Template – Edit HTML in your Blogger Dashboard to launch the Template Editor. NOTE: you may need to use the small arrows on the left side of the editor to expand the b:skin section of code.

Find this in your HTML template (you may need to use the arrows to expand the areas after the body tag):

<!-- skip links for text browsers -->
<span id="skiplinks" style="display: none;">
<a href="#main">skip to main </a> |
<a href="#sidebar">skip to sidebar</a>
</span>

Then add this under it:

<div align="center">
YOUR 728 or 970 AD CODE HERE
</div>

Save your changes.


Previous
Previous

Best Practices for Mobile Ad Placement

Next
Next

Viewability Guide