HOWTO - Banners on Blogger/Blogspot
Date: 2010-09-20 14:17:03

Many of you have opted for the more extensible Wordpress platform when building your blog, but that is not to say that it totally trumps Google’s Blogger. It all simply depends on your objectives for your blog. In any event, this article isn’t meant to discuss the strengths of either offering, but rather to help those of you who wish to post a LottaRewards banner ad (or any HTML) to your Blogger blog.

Let’s jump in shall we?

First of all, you will need to login to your Blogger dashboard. This can be done quickly by visiting your blog and then clicking the “Sign In” link.

A great trick here is to have your Gmail email account already signed in on another tab. That way, when you click on the “Sign In” link, Blogger recognises that you’re already signed in to your Google Account and just pushes you straight through to your dashboard page. Bonus!

Now proceed to your layout settings by clicking the “Layout” link on the Blogger Dashboard page. The layout page will look something like this depending on the template you’re running.

The way Blogger and Wordpress handle page layout is extremely similar. Those of you working with both will be really familiar with the above page.

Your next step will be to add a “Gadget”. I know, the description is lacking at best, but it’s Google’s way of branding and maintain the central brand message is very important to large companies such as Google. We’ll ignore that annoyance for now – wait who are we kidding? We’ll ignore it forever.

When you hit the “Add a Gadget” button, you are greeted with this fantastic popup menu where you can choose exactly what you want.

For our purposes today, you will be selecting “HTML/JavaScript” from the menu, but you might want to (at some point) consider adding in the feeds we provide by using the Feed selection above.

Selecting “HTML/JavaScript” will present you with two fields; Title and Content. Entering something in Title will make that display on your blog as a heading for your banner, so in some cases you might want to put the word “Advertisement” in as the title. I, however, always leave this blank as I do not like labelling my advertising – so to speak. Leaving the title field blank is no problem.

And now for the super important bit: putting in your unique code. To do so, you will need to select which banner you want to run and then grab the code based on the campaign. Let me show you how.

First, login at and then select Banners from the Tools menu. You will now be able to select the types of banners you wish to see by using the radio dials and drop down menus available. I recommend using the rotating banners wherever possible. With rotating banners you will never have to change code in order to change an image.

Above is how to select the rotating group

Above is an example of a banner. Clicking “Download” to get the banner code will bring the following window

Above: The account and campaign selector

Once you’ve chosen the account and the campaign, clicking on the “Select” button will produce a text file download. Download that and open the file. Opening it with Notepad is the safest option as Word tends to like formatting things without telling you about it.

Now let’s put the code to work. Simply copy the whole part of code from the file you opened (CTRL + A = select all, CTRL + C = copy) and then paste it into the blogger “content” field (CTRL + V = paste). It will look as follows:

Taking a look at that code, we can tell that it is all the code because it starts with “” The tag is thus opened and closed. Great! Now hit the save button and your banner will be saved to your blog page.

Banner Order

So now you’ve had a look at your blog page and you’re not happy where the banner is being displayed. For example, you want it above the fold so that it can be seen the second a visitor hits your page. Let’s take a look how we remedy this.

In the following screen capture, you’ll see the standard layout of my blog at the moment. You can also see that I’m dragging the HTML/JavaScript item with my mouse. That is really how simple it is. Drag the item you want to move and let go of it where you need it. After that, simply save the changes you’ve made to your page and BANG – your blog layout is now exactly as you want it.

And there we have it. That is how to post a banner to your blogger/blogspot blog. If you have anything you would like to add to this article, please contact us on the forum or via the Contacts page on LottaRewards.

Our Brands



Best Lottery Affiliate Manager