Web Hosting - View Single Post - How to make a Favicon.ico and display it the browser address bar

FPRob · #1 08-16-2006, 11:33 PM

What is a Favicon.ico

A Favicon is a tiny little image that displays in your browser address bar (and everybody else will see it too) when your site loads into the browser.. Like this....

How to make a Favicon.ico

First you need to make you Icon, you can draw one for free by clicking the following link, then enter your email address and it will be sent to you. http://www.favicon.co.uk/

How to display a Favicon.ico

First, copy the file that has been sent you (called favicon.ico) into exactly the same place as your index.html page.

Then, edit the HTML on your index.html page and the HEAD of the page. The HEAD of the page is located at the top. It starts with this.....

Code:

<head>

and it ends with this

Code:

</head>

When you have located that part of the page enter the following line of code, it must be located in the HEAD of the page.

Code:

<LINK REL="SHORTCUT ICON" HREF="http://www.yourwebsiteaddress.com/favicon.ico">

You are almost done. Publish the index page AND the favicon.ico file and hey presto, a neat little address bar for your site.

Please note:

Internet Explorer is not good at displaying favicons. The is just a Microsoft thing that cannot be avoided although it will display when it feels like it. All other browsers will work perfectly.