ELCA Web and Multimedia Development Blog

Tips and other useful ideas

Add a Fav Icon to your Web site

Posted on April 11th, 2007 by Len Mason

Ok, it has been a long time since I wrote. Sorry about that! This is a new discipline for me, but I hope that I can be of some help to you with this blog!

So, someone on the Communicators List asked how to add the “little logo” to the shortcut of a Web site, or in the address bar. Here was my answer.

First you must have an image usually 16 pixels by 16 pixels that you want to become the shortcut icon. You can create one with any number of applications out there. There are even some online (free) services, such as http://www.graphicsguru.com/favicon.php.

Once you have this icon, you must name it “favicon.ico” and put it on your server, and note the URL of where it resides (i.e. http://www.yourdomain.com/images/favicon.ico).

Then you must add this line of code to your homepage, between the head tags:

<LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.org/path-to-favicon.ico">


And that’s it!

  • Share/Bookmark
-->