July 04, 2007

Create an animated advertising banner for your blog

Have you ever wondered how to create an animated banner to advertise your blog? Here's an example of one I created earlier:

You could use a banner like this to advertise your blog on other sites, or even to draw attention to pages on your blog.

I used AnimationOnline to create this banner for free. There are a variety of designs to choose from, including boxes such as these:

To create your animated banner, head over to AnimationOnline and choose your design. Key in your titles and text, and click "make banner". You can then right click your animated banner to save to your PC.

In order to display your banner properly in your blog, you'll need to link to host the image elsewhere and link to it using HTML code. Photobucket and Imageshack provide free image hosting if you don't already have a hosting account elsewhere. Don't try to host your animated gif at Blogger, as the image will be static! Make a note of the web address your image is hosted at as you'll need this soon.

Now, to make your image appear in your blog, you can insert this code into an HTML/Javascript widget, or insert into your template where you would like it to be displayed:

<img src="http://www.imagehost.com/yourimage.gif"/>
Don't forget to substitute the address with that of your hosted image!

If you want to link this image to your blog, you should also wrap link tags around the image tags like this:

<a href="http://yourblog.blogspot.com"><img src="http://www.imagehost.com/yourimage.gif"/></a>
Don't forget to substitute your own blog address!

Related posts:

I'd love to hear about any other free animated banner services, so if you know of any please leave your link (and comments, of course) below.

Technorati Tags: | | | | |

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog archive

© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy