Your first step is to create the .ico file. There are quite a bit of sites online that will allow you to upload an image and convert it to this file type. Save the file as favicon.ico.
Second, there are a few variations of how to get browsers to use the favicon.ico file. The variation that appears to be preferrred by most browsers is:
<link rel="shortcut icon" href="favicon.ico" />
This link element should be placed in the <head> section of your document.
Another method which works for most browsers but is not preferred by all browsers is to simply upload the favicon.ico file to the root directory of your web site.
JorgeM
Industrious Poster
4,164 posts since Dec 2011
Reputation Points: 297
Solved Threads: 566
Skill Endorsements: 119
Here is a simple guide on how to make a favicon.
A few heads up about them:
- Goes in the header
- normal size is 16x16 pixels
- As JorgeM has said, it goes in like this in the header
<link rel="shortcut icon" href="favicon.ico" />
- All other sources can be Google'd... hope this helped.
<M/>
Senior Poster
3,609 posts since Apr 2012
Reputation Points: 64
Solved Threads: 81
Skill Endorsements: 95