How to get animated icon to work in Joomla 1.7 or less

Written by Martin Reinert

Maybe you have seen some sites have their logo as a tiny icon near the address line (URL) of their website. This is called website icon, and it is easy to do in html, and also in Joomla 1.5, 1.6 and 1.7 if you want a static icon.

I wanted an animated icon and found it difficult. However finally I found this on the joomla forum (highly recommended if you use Joomla):

"Here's what I did and it worked perfectly....

What I did to resolve the issue was put the full url in and it seemed to be the only thing that let it work. Now it is animated perfectly. I uploaded both gif and .ico to templates main area and linked the url. Below worked perfectly.

1. make sure your favicon and gif images are in the main folder of your templates so root/template/yourtemplate (upload images here)
2. go to index.php in root/template/yourtemplate - index.php (insert coding here)

Put code (replace with your own details)
<link rel="shortcut icon" href="/root/templates/your template/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/gif" href="/root/templates/your template/animated_favicon1.gif">

Put this coding in after the opening <head> but before the closing </head> (around where you would have meta tags etc in the html section) and save file. Now open your web site or refresh."

Quick Feedback!

Get my quick reply
to short questions
by visiting:
Quick Feedback!