You ever wanted to get one of those cute little icons that people have next to their URL in the address bar? Maybe something like mine? This tutorial will tell you how to get one!
What you need first is to make your favicon. It can be a .ico, .gif or .jpg file. It can also be animated. It should, however, be 16 by 16 pixels. If you’re stuck, here are some you can use, as long as you credit.
Here is the code you will need to use:
<link rel="shortcut icon" type="image/x-icon" href="image URL">
If you are validating/using XHTML, however, this is the code you need (with the trailing slash):
<link rel="shortcut icon" type="image/x-icon" href="image URL" />
Replace image URL with the URL of your favicon. And you should place the code in between your <head> and </head> tags.
If you’re using a .gif or .jpg, you will need to change the image/x-icon:
for a gif: change to image/gif
for a jpg: change to image/jpg
That’s all there is to it. As an .ico, the favicon should show up in all browsers – Internet Explorer, Google Chrome, Firefox, Opera and Safari.
Subscribe to Heartdrops