Monday, November 17, 2008

Adding An Icon With Your URL


There are two approaches to do it. These two approaches servers different purpose – Read Carefully.

Approach 1 –

· Select any standard Windows icon file. The .ico file *must* be in standard Windows icon file format, or it will be ignored.

· Rename the icon file *exactly* to: favicon.ico – all lowercase. No deviation from this is allowed.

· Place the favicon.ico file in the 'root' directory on your web server (where your main index page is).

Whenever your site is bookmarked, the icon will subsequently show up on the visitor's Favorites list. Unless the site is bookmarked, the icon is not shown in the url.

When they visit your site, the icon will also show in the URL window of the browser. But when you visit the next page of the same site, the icon will no logner exist.

To do this use the second approach.

Approach 2 –

Insert the following LINK tag in the <head>...</head> of your pages.

<LINK REL="SHORTCUT ICON" HREF="Images/myicon.ico">

· Change the path and icon filename to correspond to the location of the icon file on your site.

· The icon graphic filename should be lowercase, no more than eight characters, and the extension must be .ico.

· As above, the file *must* be in standard Windows icon file format or it will be ignored.

When you use this method as opposed to Method One above, the LINK REL code should appear on any page that might be bookmarked.

Note - Creating Icons

The following is an exact quote from Microsoft®:

"For Internet Explorer 5, the required size of a shortcut icon is 16x16 pixels. To create the icon, use an icon editor, such as the one included in Microsoft® Visual Studio® or one of the many other icon editors available. Regardless of the program you use, make sure you set the editor to create an icon that is 16x16 pixels. Otherwise, the icon will be ignored by Internet Explorer."

Thanks & Regards,

Arun Manglick || Senior Tech Lead

No comments:

Post a Comment