How to Add Banner Ads to Your Blog

add hostgator banner Adding Banner ads to your blog is something you will want to know how to do if you plan to make money with your blog. You can add them to your sidebar areas using widgets, or you can add them to the text part of your Posts, like the Hostgator one I’ve added at the top of this Post.  Both of these slightly different tasks are really easy to do…….once you know how.

Easy Guide: How To Add Banner Ads to Your Blog

First, you need to decide where you want to place your Banner Ads on your blog – Sidebars, Header area, Footer area, or within the text of a Post?  What’s the difference?  Adding a Banner Ad to your Sidebar, Header or Footer means that every Page and Post on your blog will display the same Banner Ad. Why?  Because Sidebars, Header Areas and Footer areas are the parts of your blog that are a static part of the overall blog design, so it will be visible on all your Posts and Pages as well as your Home page.  Whereas, if you add your Banner Ad within the Content areas of a Post or Page – where you write your text – you can restrict the ad to be seen on that Post only.

How to Add Affiliate Ads To Side Bars

You use a different method to add a Banner Ad to a Sidebar area, than you do to add them into your Content areas, so first I’ll explain how to add Banner Ads, which are usually Affiliate Ads, to your Sidebars.

Everything you can see in any blog’s Sidebars, including Banner Ads, are put there using Widgets.  A variety of Widgets are supplied as a part of your WordPress theme.

How to Add Widgets to Sidebars

This is really easy to do, once you know how.  Widgets are included in every WordPress blog Dashboard.  You find them at your Dashboard>Appearance>Widgets.  There are widgets for Blogroll, Recent Posts, Categories, Archives, and many others – all the things you can see on the right (or left) hand column (sidebar) of every Page and Post on this blog. There are also other Widgets, such as Calender, that I’ve chosen not to show at this time.

To add any of those standard WordPress Widgets to your Sidebar, for example the Recent Posts Widget, you just find it on the main Widget page of your dashboard, where all of the standard Widgets are stored, and then drag it across to the Widget Sidebar area of your choice, where you drop it. All done.  Your Recent Posts are now visible, and automatically kept up to date, on every Page and Post of your blog.

Check out how it looks on your site, marvel at your own cleverness (briefly) and then read on to find out how to add Affiliate Banner ads to your blog, so you can start to get those millions rolling in.

How to Add Banner Ads to Side Bar Widgets

If you want to add an Affiliate Banner Ad to a sidebar, you use a Widget called Text (Arbitrary text or HTML) widget, which also comes with your WordPress Theme.  You drag it across and drop it into one of the Sidebar Widget areas just like you did with your Recent Posts widget.  Now there is an extra step you have to make.

After you’ve dropped your Text Widget into your Sidebar area, stay on your Widget page of your Dashboard.  There is a Drop Down Menu which drops down from your Text Widget and opens up a space in the Text Widget.

That provides space to add ordinary text, such as ‘Hostgator: I Use It and I Love It’, as you can see on this blog’s sidebar, or…. some code as HTML. Yes, it’s HTML, but in this case, it really is easy.

Your Affiliate Company (the company that has something you want to sell for a Commission on sales), say Hostgator, has already provided you with your own personalized HTML code for your Banner Ad.  You just copy/paste this Code into that Drop-Down Text area, Save, Update…..and there it is!  Brilliant!

The first time you do this, you will feel very clever! I promise you! And of course, you are very clever, because you have learned to do something new, and it worked, and now you can sit back and watch the millions role in.  Easy!  Congratulations.

Now you are ready to be even more clever……Smile.

How to Add a Banner Ad into the Text of Blog Posts

hostgator banner

No widgets required for this task. Open a New Post from your Dashboard and write your Post’s content text.  Your Affiliate Company has already given you your Banner Ad with it’s embedded personalized HTML code.  Now, staying on your Post’s Edit window, click the tab HTML at the top right of your Editing page where it says View or HTML.  This shows you the same blog post, but in its HTML coded format – don’t panic – you do not have to know about HTML to do this.

You look at this HTML version of your post page and find the place in the text where you want to place your Banner Ad. Place your cursor at that place in the text, and copy/paste your affiliate code there, click update, and check how it looks with View Post.

Once again, you will feel very clever – Yes!  My next post will offer all the current Hostgator Discount Hosting Coupons with details of which particular discount each one delivers to you, how they work, and what you have to do to cash in on those Coupon special offers.

    …..Cue Motto!

Plan Well. Start Small. Think BIG!

Never miss our latest articles, get regular email updates: Subscribe to our Newsletter:

subscribe gr red

If you enjoyed this post, please click the Like button on the Left. And consider subscribing to the RSS feed to have future articles delivered to your feed reader, or by Email.


How to Add Banner Ads to Your Blog — 26 Comments

    • No worries, Natalia, glad you found it useful. It’s amazing how all these things seem so baffling when you don’t know how to do them, but are so easy once you know how.


  1. Thanks for the helpful info, admin. I’ll feel more than clever if it works for me. I’ll feel like a genius. lol

    • Well done Susan – of course you are a genius! Good luck on your blogging adventures and I wish you many more genius moments – and don’t forget to tell your friends, sometimes they don’t notice how brilliant we are.

  2. Pingback: Tutorial: How To Add Affiliate Links into Text & Images

    • Well done Anita. You are now officially a geek Grade 1 – now brag about it to your friends, or family. Sometimes you just need to impress people…right?

      I notice at your blog that you have used upper case letters throughout. Using capitals like that is generally interpreted as SHOUTING at people, and bad online manners.

      Some people might be turned off by this. Just saying, OK? and maybe something to think about.

  3. This is the only thing that is working on my blog, manually paste the code in every post.

    The thing is, that I would like to place the ad-code in the template code, so it appears in every post footer. I have read so many guides and non of them is working. Does anyone know how to do this or can tell my where there is a guide, that is not just a copy from another website? I have read about this so many places and I can’t get it to work :-(

    • Hi Michael. If you want to add an Affiliate Banner code so it is appears on every page and post, you have to add it into a widget, and put the widget in either your sidebars, or footer, or widget areas in your Head section if your theme provides them there. If you do that your banner ad will always appear on every page and post because it has been added to your website theme itself, not your Content areas (the text of your Pages and Posts).

      I explained how to do that in the first part of this Post: adding Affiliate Banners to Sidebars using widgets. It’s exactly the same for adding them in widgets into your Footer – just a different location of the widget.

      That is what is meant by ‘site wide’ – added to your theme structure (using widgets), and not your written Content areas.

      So to add an affiliate banner into your footer, you must drag and drop a Widget into your Footer Widget area (on your Dashboard>Widgets screen) and then copy/paste your affiliate banner code into that widget’s text area. Upload, and it’s done.

  4. Pingback: How to Add Nofollow Links to Blogroll, Feedburner & Affiliate Widgets

  5. Thanxs for such lovely tricks really i have no idea in this field and you thought me how to add a banner in a word press site the credit goes to you thanxs alot love you for this bye….!!!!

  6. Hi Carol, very well written article I must say. It is surprising how many people do not know how to monetize their web site or blog and end up losing interest in what they are trying to achieve. I only hope that several of those that were on the brink of throwing the towel in, read your article.

      • Do we choose a certain wordpress theme from the very start to anticipate spaces for left and right side of thee blogs for adverts later on?

        • I use the Weaver II theme – you can choose how many columns and whether you have left or right hand sidebars. Check that any theme you choose has plenty of design options unless you know exactly what you want.

  7. Hello Carol.

    You have done a fantastic job in explaining how
    to add affiliate banners to one’s blog. Even though
    some people have “banner blindness” it is still worth it to set it up.

    I’ll be checking here on the site more often for more great tips!

    Much success,

    • Hi Brown, I do not know why you are not getting your banner ads displayed properly on your blog. I do know that this article explains in detail how I do it and it works for me, and also hundreds of other people who do it the same way.

      Perhaps if you reread my article and try again, it might work for you. Otherwise I cannot give you any more information – sorry. Goodluck.

  8. hello

    What you have said is clear, but in the text widget, its not showing any html, only content and title is shown, when I paste the link in the content area, the link is only seen on the website not the banner. I want the banner to be visible, please let me know how to do this.


    • Hi Kevitha. I’m not sure where your problem is, so I will explain exactly how and where you get your banner code for your banner ad.

      1. First, join the Affiliate Program of the website or product you want to promote on your blog.
      2. You then select the specific banner ad you want to use from the examples offered at your Affiliate’s website.
      3. When you select that banner, the Affiliate’s website will give you your personalized HTML code that will display that banner ad (and includes the identifying code that tells your Affiliate’s website that any clicks on that add came from your website).
      4. Open your text widget in your Dashboard.
      5. Paste the HTML code you got from your affiliate’s website into the widget
      6. If you wish, you can add your own text as a Title for the widget.
      7. When you click ‘Save’ at the bottom of the Widget, the banner add appears in your sidebar.

      Hope that helps.

Leave a Reply

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


* Copy This Password *

* Type Or Paste Password Here *

243,609 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>