CodeAve.com/ASP - Adding a Shortcut Icon to a Web Page

CodeAve.com - ASP - Articles

ASP
·Read/Write
·Script Writers
·Database Display
·Response Objects
·Server Variables
·Random Events
·Articles
·Miscellaneous
·Contents
·What's New?
JavaScript
CSS
HTML
Links
Mail List
Search
Sitemap

Adding a Shortcut Icon to a Web Page

Wonder how some websites are able to place shortcut images inside the address bar, the Favorite menu or as an icon on your desktop? Well, Internet Explorer 5 allows for the placement of an image in the address bar. This is an excellent way to distinguish your website from others. The image that you'll ultimately be displaying as a shortcut on a PC will have the arrow in the lower left hand corner and will be displayed much smaller in the address bar than in the image editor you choose.

The image must be in .ico (Windows Icon) format. Not every image tool allows files to be saved in .ico format. There are several applications that will convert files to .ico format. The one used to generate the .ico for CodeAve.com is Bitmap to Icon (Download it from Download.com).

Understanding these limitations and once you create your image in .ico format, you're ready to display it online. Simply add the following within the head tags on your document
<head>
<LINK REL="SHORTCUT ICON" HREF="http://www.your-url.com/name of file.ico">
</head>

The working script at CodeAve.com looks like this
<LINK REL="SHORTCUT ICON" HREF="http://www.codeave.com/codeave.ico">

Images typically do not show up in the address bar until a page from that url has been saved locally on your PC and sometimes do not appear until after re-start, so be wary when creating your .ico