How to create an animated favicon for your website

Creating a favicon is very easy and you can do it in different ways. But in this article, I will be sharing my simple way of creating animated favicons.

What is favicon? Favicon is a tiny image that appears before any URL Address in your web browser's url address bar.

Favicon ImageWell, you can do this with Adobe Flash. But if you are not familiar with Flash but you have an existing still image that you want to animate, then this might be a good alternative for you.

You can go to www.favicon.cc and edit your image there. What you need to do is just to upload the image and add frames to create animations. After you are done with the editing, you can download the animated gif image for FREE!

Now that you have your animated favicon. What you wanted to do next is to upload it to your webhost and insert few codes to your webpages for it to start working.

The HTML codes that you need to insert are the following:

<link href='THE ANIMATED GIF URL ADDRESS HERE' rel='shortcut icon'/>

Now, just make sure that you insert them within your <head> </head> HTML tags to ensure that is called out before the whole page is loaded.