Favicon
Show your site's logo beside the URL on the address bar. Would you rather have this?
Or this?
In my case, I prefer the second one and this tutorial will teach you how to do it. Now that we established what we'd like to do, read the steps on how to do it...
Step 1: Your Logo
First, we make a 16x16 logo or icon and we will name that file favicon.ico. An example of the logo can be shown on the picture above. See the logo of my site? It's the maroon barcode.
You can download freeware programs that can make icons at download.com.
Step 2: The Code
Now that we've finished the logo, we now place it in our site. It's a really simple one-line code:
<link rel="shortcut icon" href="favicon.ico" type="text/icon">
Place that code within the tag and you're all set. I guess I don't need to tell you that if your web pages are in a different directory as your favicon.ico, you need to specify the folder path to where your logo is.
Conclusion
It's as easy as one line of code. Keep in mind that on IE, your logo or favicon will only be displayed if your visitor bookmarks your site. People using browsers such as Firefox, Netscape and Opera will see it automatically.
If you have any questions or if you want to discuss this tutorial, you may post at Blinding Light MB.
