Jazz Up Your Website With an Animated Favicon

So I saw a blog with an animated Favicon and the scrolling letters in the Firefox Tab caught my eye right away.  I thought the idea of a scrolling favicon and seeing motion and movement in an area which is normally completely static was a good way to get a little notice to your tab and favicon.  I decided to test out creating an animated favicon with Animated Favicon Generator and install it on DragonBlogger.com just to see how it looks and feels as a test.

Look at my little tiny icon at the top of the browser and you should see my dragonblogger logo, and then it should scroll “DragonBlogger.com” across my favicon.  This is really easy to setup if you want to try it out for yourself.  Go to the website in the above link and upload an image (125×125 or smaller so it sizes to be somewhat interpretable)

Then you just upload the animated_favicon.gif and favicon.ico to your “root” folder of your website the / folder (where your sitemap.xml is) insert this code in your “header.php” file under your <head> tag.

<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >

Save and your good to see what it looks like.

What do you think?  Clever, Distracting, Annoying?

-Dragon Blogger

Share Feedback We Want to Hear From You
AI Chatbot Avatar