HostMonster Web Hosting Help

Adding Favorites icon (Favicon) to site

Problem:

How can I add a favorites icon (favicon) to my site.

Solution:

Step 1 - Find an Image
  1. Most web sites use a smaller version of their logo or similar.

  2. The main consideration is to keep your icon simple and clear at such a small size.
     
  3. Most browser interfaces (the top tool bar containing the browser buttons) can display 256 colors, but it's best to use the Windows 16 colors.
Step 2 - Covert the Picture to an Icon
  1. We recommend using DynamicDrive (www.DynamicDrive.com).
Step 3 - Including the icon in your web pages
  1. Publish the icon into the root directory of your web site.

    This is the location Internet Explorer will automatically look for your favicon when a visitor bookmarks your site.

  2. Help the browser find your icon by including in the html, within the <head> tag, the following: <link rel="shortcut icon" href="http://www.your-web-site-name.com/favicon.ico">.

    Preferably nearer the closing </head> tag, because more important information, such as your meta tags , should come earlier.

  3. Save your web page and publish it.

    If you want to create different icons for different pages, simply call them something other than favicon.ico, but still retaining the .ico suffix.

    Link to them in your pages in the same way as above, just changing the href location for the different icons.

Step 4 - Testing your Icon
  1. Open Internet Explorer (version 5 or above) and bookmark your page.
     
  2. Determine if your icon stands out from other bookmarked web sites with favorites icons.
     
  3. If necessary, re-edit your icon and publish it again.

    However, you will need to remove the bookmark (Favorites > Organize Favorites, select your bookmark and click "Delete") and delete your temporary Internet files and page history (Tools > Internet Options, tab "General" and click "Delete Files" under "Temporary Internet Files" and click "Clear History" under "History").

    This may take a few minutes if you haven't done this recently.

  4. Close your browser and re-open it, bookmark your page again to check the new version of your icon.
     
  5. Repeat until you're satisfied your icon is suitably eye-catching.
Knowledgebase Article 221,197 views bookmark tags: icon (updated 1811 days ago)


Was this resource helpful?

Did this resolve your issue?


Please add any other comments or suggestions about this content:





Recommended Help Content

Editing the address bar icon or favicon.ico (updated 1493 days ago)
Knowledgebase Article 168,034 views tags: address favico favicon ico icon

When browsing in Internet Explorer, my favicon.ico doesn't load. (updated 2080 days ago)
Knowledgebase Article 68,796 views tags: icon ie

What is a Fav Icon and How do I change it? (updated 1928 days ago)
Knowledgebase Article 29,716 views tags: icon

Related Help Content

What can I do to increase my Site Security while hosting with HostMonster? (updated 726 days ago)
Knowledgebase Article 196,760 views tags: antivirus basic hacked keyloggers malware php security site

Can I make subdomains for my addon domains on the account? (updated 1079 days ago)
Knowledgebase Article 151,127 views tags: add addon dns domain park subdomain

Where do I Add, Delete and Manage Email Accounts? (updated 1417 days ago)

How to restore individual files or folders with the Site Backup & Restore tool (updated 1427 days ago)
Knowledgebase Article 96,145 views tags: backup files folders restore site

How to restore Email Messages the Site Backup Pro tool (updated 677 days ago)
Knowledgebase Article 65,946 views tags: backup email forwarders restore site

How to download a full cPanel backup using the Site Backup & Restore (updated 678 days ago)
Knowledgebase Article 126,853 views tags: backup cpanel email restore site

How to restore MySQL databases using the Site Backup & Restore tool (updated 1292 days ago)
Knowledgebase Article 47,341 views tags: backup database mysql restore site

Does HostMonster allow me to create a Google Site Map and what do I need to do to create one? (updated 726 days ago)
Knowledgebase Article 89,871 views tags: google python site xml