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 your Affiliate Banner Ad to your sidebar areas using widgets, or you can add them to the text part of your Posts, like the Hostgator Banner Ad I’ve added at the top of this Post. Both of these slightly different tasks are really easy to do…….once you know how.
Post Updated February 2016.
If you want to know more about how to Add Affiliate Links into words in the text Content part of your blog posts, see the updated article: How to Add Affiliate Links into Words and Text
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?
It’s 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 the way you add them into your Content areas. So first I’ll explain how to add Affiliate Banner Ads into your Sidebars.
Everything you can see in any blogger’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 too. You can find them all in the Widgets part of your WordPress Dashboard. All the things you can see in the right (or left) hand column (sidebar) of every Page and Post on this blog, are put there using Widgets.
For example: adding a Recent Posts Widget to your sidebar. First you find the relevant widget on the main Widget page of your dashboard. That is where all of the various standard Widgets are stored. In this example, you look for the Recent Posts Widget.
Then you drag that Recent Posts Widget across from your WordPress dashboard to the Widget Sidebar area of your choice. You then drop that Recent Posts Widget into your selected sidebar position. All done. Your Recent Posts are now visible, and automatically kept up to date by WordPress, and will be seen 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 Bars Using 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 comes included with your WordPress Theme. You find that widget from the Widgets part of your WordPress dashboard, and drag it across and drop it into one of the Sidebar areas just like you did with your Recent Posts widget. Now there is an extra step you have to make to add the Affiliate Banner Ad into that blank (as yet) Widget.
After you’ve dropped your blank Text Widget into your Sidebar area, stay on your Widget area page of your Dashboard that shows your Text (Arbitary text or HTML) sitting in your sidebar. There is a Drop Down Menu which drops down from your Text Widget and opens up a space in that Text Widget.
That widget space is where you copy/paste the Affliate Banner Ad HTML Code you previously organized and received for the Affiliate product you want to promote, sell, so you can earn your commission from the maker of that product..
Yes, it involves HTML, but in this case, it really is easy.
If you want to know more about Affiliate Marketing, Affiliate Links, understanding the HTML of Affiliate Links, how to add that HTML Affiliate Link HTML into the HTML version of your Blog’s articles, and how you can make money from Affiliate Marketing, see the updated article
Back to your Widget:
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 that line of Affiliate Linked HTML Code into that blank Widget’s Drop-Down Text area. Then Save, and 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…….
How to Add a Banner Ad into the Text of Blog Posts
No widgets required for this task. Open a New Post from your Dashboard and write your Post’s content text where you want to promote or review your chosen Affiliate Banner Ad.
You can read a detailed explanation of Affiliate Marketing, Affiliate Links, and the process of how to get your personalized identifying HTML Affiliate Link from the maker of the product you want to sell, at the updated article How To Add Affiliate Links into Words & Text.
OK, your Affiliate Company has already given you the HTML Code for your Banner Ad with it’s embedded personalized HTML code.
Now, staying on your already written Post’s Editing window (where you have written your product review), click the tab ‘Text ‘at the top right of your Editing page where it says Visual or Text.
You are now looking at the HTML version of what you previously wrote in the Visual Editor Content area using normal words. But don’t panic – you do not have to know anything about HTML to do this next bit.
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. This can be tricky to do if you are not familiar with HTML.
I often look for a Heading that is near where I want to place the Banner Ad, and find the place in the HTML text from there.
Left click to place your cursor at that desired place in the HTML Code text version of your post. Then copy/paste your affiliate’s Banner Ad HTML code into your post’s HTML version at the selected place.
Click update, and check how it looks in real life by clicking the Visual tab at the top right of the window.
And there it is! Your Affiliate Banner Ad, brilliantly embedded into the Content area of your article. Of course it also has your ‘hidden’ identifying link that tells your Affiliate that it was you who sent that reader/potential customer to them.
If one of your readers clicks on your Banner Ad with it’s link and decides to buy a product from that Affiliate, the Affiliate will send you the commission. Brilliant. Easy as. And the best part is that you write your review once, add the banner ad once, and the link sits there potentially bringing in commissions while you are asleep or down at the beach! Nice work, friends.
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.
Plan Well. Start Small. Think BIG!
Never miss our latest articles, get regular email updates: Subscribe to our Newsletter: