locked
Adding An Icon With Your URL RRS feed

  • Question

  • User-1832868798 posted

    Hi,<o:p></o:p>

    <o:p> </o:p>

    There are two approaches to do it. These two approaches servers different  purpose – Read Carefully.<o:p></o:p>

    <o:p> </o:p>

    Approach 1 – <o:p></o:p>

     <o:p></o:p>

    ·          Select any standard Windows icon file. The .ico file *must* be in standard Windows icon file format, or it will be ignored.<o:p></o:p>

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

    ·          Place the favicon.ico file in the 'root' directory on your web server (where your main index page is). <o:p></o:p>

    <o:p> </o:p>

    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 <st1:City w:st="on"><st1:place w:st="on">ur</st1:place></st1:City>l.<o:p></o:p>

    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. <o:p></o:p>

    To do this use the second approach.<o:p></o:p>

    <o:p> </o:p>

    <o:p> </o:p>

    <o:p> </o:p>

    Approach 2 – <o:p></o:p>

    <o:p> </o:p>

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

    <o:p> </o:p>

    <LINK REL="SHORTCUT ICON" href="Images/myicon.ico"><o:p></o:p>

    <o:p> </o:p>

    ·          Change the path and icon filename to correspond to the location of the icon file on your site.  <o:p></o:p>

    ·          The icon graphic filename should be lowercase, no more than eight characters, and the extension must be .ico.<o:p></o:p>

    ·          As above, the file *must* be in standard Windows icon file format or it will be ignored.<o:p></o:p>

    <o:p> </o:p>

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

    <o:p> </o:p>

    <o:p> </o:p>

    Note - Creating Icons<o:p></o:p>

    <o:p> </o:p>

    The following is an exact quote from Microsoft®:<o:p></o:p>

    <o:p> </o:p>

    "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."<o:p></o:p>

    <o:p> </o:p>

    <o:p> </o:p>

    Thanks & Regards,<o:p></o:p>

    Arun Manglick || Senior Tech Lead || http://arun-ts.blogspot.com/<o:p></o:p>

    <o:p></o:p>

    <o:p> </o:p>

    Monday, November 17, 2008 6:29 AM

All replies

  • User-169337105 posted

     Good One!

    Wednesday, November 26, 2008 12:18 AM
  • User2097492796 posted

     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" />

    Monday, December 29, 2008 3:13 AM
  • User1051635487 posted

     

    It's working great !! So much Help ful. Thanks.
    Monday, December 29, 2008 12:54 PM
  • User-983964931 posted

     thanks!,

    i found this post and it helped me :)

    Sunday, January 25, 2009 4:17 AM