How to show custom icon at bookmarks of a web page ???

Discussion in 'Software' started by akm, Jan 24, 2009.

  1. akm

    akm Sergeant

    Not sure if this question should go in 'software' or 'programming'.

    How to setup homepage html so when someone saves a link to (or bookmarks) the page, a custom icon will show up for the link, instead of the standard IE icon, on their computer screen ?
     
    akm, Jan 24, 2009
    #1
  2. elbiatcho1

    elbiatcho1 Specialist

    Put a favicon.ico file into root folder of website.
    Insert the following between the <head></head> tags in the source of your index page:
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     
    elbiatcho1, Jan 24, 2009
    #2
  3. akm

    akm Sergeant

    Thank you very much for the reply !
    Just so I understand, the entry should look like this...
    <link rel="shortcut icon" href="/myimage.ico" type="image/x-icon" />
    ...where 'myimage.ico' is the icon image and it is located in the same directory as the webpage file (index.htm) ?
     
    akm, Jan 24, 2009
    #3
  4. elbiatcho1

    elbiatcho1 Specialist

    Should work, you may or may not have to remove the forward slash from the href="/myimage.ico".

    Note that IE has problems saving icons reliably in bookmarks.
     
    elbiatcho1, Jan 24, 2009
    #4
  5. akm

    akm Sergeant

    Tried the following html at my index.htm...

    <head>
    <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
    <meta name=ProgId content=Excel.Sheet>
    <meta name=Generator content="Microsoft Excel 11">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel=File-List href="index_files/filelist.xml">

    ...where favicon.ico is the custom icon, and when drag the icon from the IE address bar to the desktop, did not get the custom (favicon) icon display.
    Tried with and without slash / at favicon.ico.
    Am using Excel to create webpage.
     
    akm, Jan 25, 2009
    #5
  6. elbiatcho1

    elbiatcho1 Specialist

    What OS are you using? Vista? If so there appears to be a bug. You can try right-clicking on desktop>view>classic icons.

    What happens when you add a Favorite in IE? Does the icon show up under the Favorites menu?
    How about if you drag/drop into a folder on your desktop that is in detailed view, does icon appear?
     
    elbiatcho1, Jan 25, 2009
    #6
  7. akm

    akm Sergeant

    1. XP (noted in signature)
    2. When add 'Favorite' dont get 'favicon.ico' in menu
    3. d/d does not produce 'favicon.ico' in detail view folder
     
    akm, Jan 25, 2009
    #7
  8. elbiatcho1

    elbiatcho1 Specialist

    Are you planning to upload this to a website?
    If you just want to view it locally on your desktop then href may have to directly point to icon.

    Example:
    <link rel="shortcut icon" href="file:///C:/Users/<username>/Desktop/New Folder/favicon.ico" type="image/x-icon" />
     
    elbiatcho1, Jan 25, 2009
    #8
  9. akm

    akm Sergeant

    Files have been uploaded to the web server and the results (#2. and 3.) noted in the previous email were the results from viewing with IE.
     
    akm, Jan 25, 2009
    #9
  10. elbiatcho1

    elbiatcho1 Specialist

    Any chance you can try viewing the webpage with a different type of browser (eg: Firefox)?
     
    elbiatcho1, Jan 26, 2009
    #10

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds