Finally, I could implement an animated favicon for my site. It’s animated and morphes automatically from English letter B (stands for Blog) to Bengali Ba (ব). This is what the image looks like:
Animated Icon
To make the frames of animation, the structure was drawn in Adobe Illustrator, and then gradually modified the structure to create frames. Then in Gimp 2, kept pasting all the layers.
Then selected Save a copy, selected gif format, and then selected export as animation.
Layers in GIMP
To add the favicon insert the following line in the header:
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif”>
and upload the icon in the proper path
![[Bloglines]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/bloglines.png)
![[del.icio.us]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/digg.png)
![[Facebook]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/facebook.png)
![[Google]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/google.png)
![[Twitter]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/twitter.png)
![[Yahoo!]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/yahoo.png)
![[Email]](http://www.sajidmc.net/wp-content/plugins/bookmarkify/email.png)
Recent Comments