Miscellaneous

How do I add a favicon to my site?

Scenario:
"I've seen sites that have a neat little icon in the address bar and in bookmarks. How can I get one of these for my site?"

Solution:

  1. Grab an image file you want to use as the icon for your site.
  2. Run it through a favicon generator, such as the one at HTML-Kit's FavIcon from Pics. Save your new favicon.ico to your disk.
  3. Upload your favicon to your server and place it in the directory of the skin you are using. For example, if you are using the default skin, upload your favicon to /skins/default/.
  4. Edit the <head> section of your skin. For example, you will need to edit the head.inc file of the default skin. Place the following code somewhere before the line with </head>:
    <!-- favorite icon -->
    <link rel="shortcut icon" href="<%skinfile(favicon.ico)%>" />
    <link rel="icon" href="<%skinfile(favicon.ico)%>" />
  5. Take a look at your site to see your new favicon!

Original forum thread (thanks, NeoCon Hitman!):
http://forum.nucleuscms.org/viewtopic.php?t=12025

section: Miscellaneous | submitted by Leng on 2006.May.06 | 2796 views

item rate
Total votes: 7 - Rating: 9.57

Please tell us how useful this answer was to you (0 = useless, 10 = very very helpful):

10