0 Members and 1 Guest are viewing this topic.


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.

That said, I'll go straight to answering the question asked by a Blogger which i think may benefit others.

Mr Igoni asked
"Please, how do i put banner and adverts on my Blog (Blogspot)?
I already have a few image/text adverts to place but don't know how to go about it "

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="https://lh6.googleusercontent.com/-n8md71N6JA4/UaoI2TI2GPI/AAAAAAAACmk/uD7yRldpBOY/s274/ecobank-mobilemoney.png" />

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="http://www.ngbuzz.com" target="_blank"><img src="https://lh6.googleusercontent.com/-n8md71N6JA4/UaoI2TI2GPI/AAAAAAAACmk/uD7yRldpBOY/s274/ecobank-mobilemoney.png" /></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 picasaweb.google.com or flikr.com) and the URL to the image can be obtained by Right clicking on the Image uploaded and select "Copy Image Location".

If you need help Customizing advert HTML codes to paste in your widget don't hesitate to ask using the REPLY button below.

How to i add Google Adsense Code to Blogger
To Use adsense adverting on your Blog, You must submit and application online and be approved by Google.
I have write a Post explaining what adsense is, how to apply and get approved, things to avoid etc. Read my post on How to Monetize your Blog with Google Adsense for more information.

Adsense still requires the same process. Creating a Gadget ( an adsense gadget automatically adds the advertising while a HTML gadget will require you to visit your adsense Account, Generate a code and Paste in Blogger Widget).

« Last Edit: June 06, 2013, 12:57 AM by Briggz5d »


Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #1 on: January 07, 2014, 03:50 PM »
I really appreciate your help, please how do i add a click-able adverts and banners on blog?


Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #2 on: January 07, 2014, 05:54 PM »
Sammie please read the post again, the second code shows how to place clickable ads/banners

<a href="THE WEBSITE TO VISIT WHEN CLICKED" target="_blank"><img src="THE IMAGE LINK.JPG" /></a>

deejay xone

Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #3 on: September 11, 2014, 05:48 PM »
how do i put my own banner link to this ad link you post <img src="https://lh6.googleusercontent.com/-n8md71N6JA4/UaoI2TI2GPI/AAAAAAAACmk/uD7yRldpBOY/s274/ecobank-mobilemoney.png" />

cos this code is showing eco bank banner on my blog


Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #4 on: September 11, 2014, 07:49 PM »
Hey Deejay,
Simply change the url of the Ecobank image i used as an example. (from http: to the mobilemoney.png).
That means you have to Upload your own image to Picasa web, Flickr or yourwebsite.com/images/advertimage.jpg  - your image link ending with jpg,png or gif should be inside "   " 

If you have dificulties making it work, leave a commenti'll be here.

Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #5 on: October 09, 2014, 10:58 PM »
This post is very helpful. Thanks for this.

Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #6 on: March 03, 2017, 04:00 PM »
I have been trying but it is not displaying the image


Re: How to place Banner Adverts on your Blog (Blogspot)
« Reply #7 on: March 03, 2017, 05:18 PM »
it is not displaying the image
Provide some more information about the link of image you're using.
And sample code tags used so I can assist.


About the Nigerian Blog Awards 2012 - Categories, Schedules, Nominations and mor

Started by Briggz5d

Replies: 1
Views: 3514
Last post October 22, 2012, 01:26 PM
by Briggz5d
How to CORRECTLY find Free pictures for your Blog with Google Image search

Started by Briggz5d

Replies: 0
Views: 2627
Last post September 24, 2012, 03:01 PM
by Briggz5d
Complete List of the Nigerian Blog Awards 2012 Winners

Started by Briggz5d

Replies: 2
Views: 6160
Last post November 22, 2012, 05:16 PM
by Briggz5d
Monetize your Blog / Website with Google Adsense for online Publishers

Started by Briggz5d

Replies: 0
Views: 4040
Last post December 30, 2012, 02:20 PM
by Briggz5d
Google Adsense Alternatives to Monetize your web / Blog

Started by Briggz5d

Replies: 0
Views: 2380
Last post July 19, 2012, 04:46 PM
by Briggz5d