• Tweet

To add an animated favicon.ico instead of statics favicon.ico for your blog or website is not that difficult. Here are the steps to create and insert an animated favicon.ico:

1. Create an animated gif file.
2. Rename the file extension to .ico.
   favicon.gif -> Rename -> favicon.ico
   
3. Upload it to your website. For example: http://www.yoursite.com/images/
4. Edit your header.php or index.php. Depend on what CMS you’re using. Add the following:
   <link rel=”icon” href=”http://www.yoursite.com/images/favicon.ico” type=”image/favicon-icon” />

Now the animated gif should appear in the address bar of your web browser or bookmark section. So far, only Mozilla Firefox and Opera can display animated icon, and Internet Explorer didn’t support it.

Note: Animated sequences can be very distracting.

Subscribe to get free latest updates by email. Like our Facebook Page.