How to place Banner Adverts on your Blogspot Blog

How to place Banner Adverts on your Blogspot Blog

Blogging is Big business now, a hobby that actually pays only if you develop a passion, Love and ENJOY doing it. 

I discourage blogging for advertising revenue there's no fun in it and only few dedicated individuals are successful at this.

Steps to adding Text / Image adverts on Blogger
The steps outline below will involve, generating an HTML/CSS code, Creating a Gadget in Layout and Pasting the code. I'll show sample codes you can use as adverts with a little editing.
Blogger Gadget
  • Log on to Blogger Dashboard and click LAYOUT, you should see other blogger gadgets already created for sidebar, footer, header sections. Gadgets are like containers that hold a group of code that perform a task on you blog. Example - Gadget for popular post, Email subscriptions etc
  • Click on ADD GADGET.
    Find HTML/Javascript from the popup selection shown and click the + next to it.
    Congratulations, you've just created a Blank HTML Gadget, ready to paste you code in.

To Create an HTML ad code to paste, here are the samples i promised.
For Image ad, use the code below and replace the Image URL with your own image url
Code: [Select]
<img src="" />

Do you want an Image ad that can be Click-able? Use this code below. Remember to change the href attribute (where the Click will lead) and the Img src url (where the image is uploaded)
Code: [Select]
<a href="" target="_blank"><img src="" /></a>
After the code is pasted in the HTML Widget created, hit SAVE and see how it looks on your Blog.

NOTE: Images you wish to use must be re-sized properly using photo editor (paint), then uploaded (to or and the URL to the image can be obtained by Right clicking on the Image uploaded and select "Copy Image Location".



1 comment:

We Love To Hear From You But Don't Spam Us With Links!

Want to be notified when I reply your comment? Tick the "Notify Me" box.