Skip to main content

Using a custom favicon in your community

By Jesse Anger – June 14, 2010
Jesse Anger

This article describes how to upload and use a custom favicon in your community

Favicon (short for favorites icon), also known as a website icon, shortcut icon, URL icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon. You may find it necessary to change your favicon from our IGLOO logo to something custom for your community, this article will show you how to do this yourself. It is required to have your image saved as an ico file type before following these steps.

Step One:

Upload your custom ico file, you may upload this file to anywhere in your documents application, ensuring that the file is in a public folder.

Step Two:

Now that your .ico file has been uploaded we need to note its location, we know it's in our documents application so the location will start with /documents, unless you have renamed your documents section. If you have it inside of a folder this location is next. I placed mine in a folder called customicon.

My location is "/documents/customicon/faviconico"

You will notice I did not place a dot between my favicon file name and the ico file extention, this is intentional and should not be placed in the path.

Step Three:

Access the control panel from the user bar and select "<meta> Tags" you will notice an area on this page which you can add your own code. Place the following code in this area replacing your files location in the code.

<link rel="shortcut icon" href="download/documents/customicon/faviconico" type="image/x-icon">
<link rel="icon" href="download/documents/customicon/faviconico" type="image/x-icon">

Select save and exit the control panel, after refreshing your custom favicon will appear in your browser.

 

 

About the author

Jesse Anger

Technical troubleshooting and issue resolution.Igloo Inc.

In charge of Igloo's customer support services.

0 Comments

Would you like to comment?

You must be a member. Sign In if you are already a member.

  • 717 views
  • $obj.VersionIndex versions
  • 0 comments
  • 1 follower
     
Avg. Rating:
Post Date:
June 14, 2010
Posted By:
Jesse Anger

About this channel

  • 33,667 views
  • 50 articles
  • 68 followers
     

Viewed 717 times