Add a small touch of flair to your Joomla-powered website with an animated favicon.

Last Updated:
Category:
Customization Tips

As a preliminary point should explain what is favicon? It is the little square icon (16×16 pixels) that shows in your browser address bar, browser tab. It also is used when sombody bookmark a page. A good favicon should original and, if it possible, fits to the logotype and color schemes used in the Joomla or WordPress template.

Images for favicons should be 16×16 pixels. You can either resize an existing logo or cut out the most important piece from it for use as a favicon. When resizing a larger image to be this small, you’ll often lose important details. That’s why you have to fix it using graphic tool.

Deafult favicons must use the icon (.ico) file format. But we need create also an animated gif icon. Create small animation (16 x 16 pixels) from images using online tool like: imgflip.com/gifgenerator or gifmaker.me

icon-gif-animation-create

Then use [Create Now] button and save generated file, remember to rename it. Now you can add this lines to header of your template (gk_TemplateName\layouts\default.php) in <head>…</head> section.

<link rel="shortcut icon" href="favicon.ico" />
<link rel="shortcut icon" href="favicon.gif" />

If you only want one favicon for your entire domain, simply save the favicon.ico and favicon.gif file to the root folder of your site. Have fun!

Add a small touch of flair to your Joomla-powered website with an animated favicon. 4.005 (80.00%) 3 votes

This article was first published

Villa Belluci - View our NEW theme
×

Tutorials & tips delivered regularly

Expand your purchase with regular tutorials and tips to making your site better, direct to your email.