Search Knowledge Base by Keyword

How do I install banner ad code on a Blogger/Blogspot site?

There are many ways to insert a banner ad code into your Blogspot/Blogger based site. But first of all, make sure to add your site before proceeding with this tutorial.

This is a Banner Ad demo if you need to know how does it display on publishers site:

There is a number of size of banner ad that you can choose:

  • 300×250 – 1st Most Popular
  • 728×90 – 2nd Most Popular
  • 300×600 – 3rd Most Popular
  • 468×60 – 4th Most Popular
  • 120×600 – 5th Most Popular
  • 160×600 – 6th Most Popular
  • 336×280
  • 320×100
  • 320×50
  • 234×60
  • 233×60
  • 120×240
  • 300×1050
  • 970×90
  • 970×250
  • 200×200
  • 250×250
  • 300×200

1. First, you need to create an ad code. In the publisher dashboard, select ADS CODES and choose the CREATE button. Enter the information that is required to create a banner ad code. Then, click the CREATE AD CODE button.

  • Ad Code Name – any name (will not be shown to the targeted user)
  • Ad Code Type – choose CPC/CPM/CPA
  • Targeting Site – choose your added site
  • AdBlock Type – choose Banner Only
  • Select AdBlock – for this tutorial, we will select 300×250
  • Responsive – Yes
  • Sticky Ad code – Unchecked

2. After clicking the CREATE AD CODE button, you will be directed to the next page. Copy all the ad code in the AD DISPLAY CODE and paste it into a note or any Wordpad. You can also change the text and background color and border type but make sure to save the setting by clicking the UPDATE AD CODE button. Please copy again the regenerated ad code.

3. Go to your blogger dashboard. On the left column, choose Layout and then scroll to the bottom until you see something like ‘sidebar-right-1’. Now, click “Add a Gadget“.

4. Add HTML/Javascript into your sidebar.

5. Paste the ad code in the Content field. Leave the Title blank and click Save.

6. Your ad widget will reside in your sidebar. It’s up to you to move and drag the widget to be on the top position, middle or bottom. Our recommendation is to put it on top.

For In-Between-Post Content

7. Make a line between two paragraphs, preferably between the first and second paragraphs of your post. To make it easier, mark the line by typing “aaaa”.

8. Now click Edit HTML and highlight the “aaaa” text.

9. Overwrite the “aaaa” text by copying and pasting the ad code into it. It should look similar to the image below.

10. Save the post or go back to Compose to continue your write up.

Your first earnings from the ad will appear in your IgniterAds statistics 24 hours after you have added the code. This time is needed to build a subscriber list.

See Also: Tips On How To Increase Revenue As A Publisher

Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Table of Contents

Leave a Reply

Your email address will not be published. Required fields are marked *