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.
·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
|| http://arun-ts.blogspot.com/
Member
11 Points
54 Posts
Adding An Icon With Your URL
Nov 17, 2008 06:29 AM|arunmanglick|LINK
Hi,
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 || http://arun-ts.blogspot.com/
</div>"Asp.net 2.0"
Member
103 Points
66 Posts
Re: Adding An Icon With Your URL
Nov 26, 2008 12:18 AM|asolvent|LINK
Good One!
Avinash
Member
3 Points
33 Posts
Re: Adding An Icon With Your URL
Dec 29, 2008 03:13 AM|wickedweapon|LINK
not working for me in asp.net 2.0 and IE 6 this is what I'm using :
<link rel="shortcut icon" href="../images/favicon.ico" />
Member
218 Points
941 Posts
Re: Adding An Icon With Your URL
Dec 29, 2008 12:54 PM|krishnada25|LINK
It's working great !! So much Help ful. Thanks.Thanks,
Kris
Member
32 Points
18 Posts
Re: Adding An Icon With Your URL
Jan 25, 2009 04:17 AM|liors|LINK
thanks!,
i found this post and it helped me :)