Animated Favicon

08. Apr, 2009 0 Comments

A favicon is a little icon that is displayed in your browser next to the website address. Favicon help you website look like professional websites. Most professional websites usually have them. The most important, you can use favicon ico create your website branding. A favicon can be built in by upload a favico.ico file into your main html folder and put a code in between <head> and </head> that is <link rel=”shortcut icon” href=”this is the your favicon file name end with .ico”>. Here is the example of website that have and don’t have favicon, (I am sorry for blur of the title of the website):

How about animated favicon? Animated favicon is the icon that make by gif file and put two line of code in between <head> and </head> in your html, htm, php, asp or etc. Some of the people create the gif file themselves but here is it the website that can help you create an animated website favicon — Animated Faivon Gif Creator.

All you need to do is upload an image and enter the scrolling text that you want to diplay and click on create favicon. After the system generated, you will be bring to download page to let you download your generated favicon. After download, unzip it and ipload to your html folder and put the following code into between <head> and </head>:
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >
If you want to change the file name, that is up to you but remember also change the above two line codes. You are done and congratualtion!!!

The Animated Favicon image is only support GIF, JPG and PNG.