Setting a Favicon for your site

Also, how to set an Apple Touch Icon for iPhones

Published: Wednesday, October 7, 2009

Updated: Monday, October 4, 2010 14:10

apple touch icon

A Favicon is a small icon that displays in your browser next to the title of your Web Site. For example, on this training site, the Favicon is a dark blue square with a white newspaper outline. Setting a unique Favicon for your site is a very simple process, just follow these steps:

STEP 1: Create an icon image

In a program like Adobe Photoshop you can create a Favicon for your site. The only requirement is that the image is 16x16 pixels, and that you use RGB color (like for any other web image). When you are finished creating the icon, save the image and name it "favicon.ico."

STEP 2: Upload to your site

Log into your CP5 admin area and navigate to Start Page > Header and Footer. Under the Header section, create an HTML object, and upload your favicon.ico under the Files tab. Next copy and pate the following code into your HTML element: 

<link rel="shortcut icon" href="#file({'filename': 'favicon.ico', 'contentId': $content.contentId, '':''})" type="image/x-icon" />

Just save the object, and your Favicon should update on your site within the next 5 minutes. If you do not see your Favicon after 5 minutes, try manually clearing the cache on your browser.

 

How to add an Apple Touch Icon

You can specify an icon for your site that users viewing your site via an iPhone will see. The process is very similar to the steps for setting up a Favicon.

STEP 1: Create an icon image

Follow the steps from above, with the following changes: The icon should be 57x57 pixels, and you should save the file as "apple-touch-icon.png."

STEP 2: Upload to your site

Follow the directions from step 2 above using the following code instead:

<link rel="apple-touch-icon" href="#file({'filename': 'apple-touch-icon.png', 'contentId': $content.contentId, '':''})"/>

That's it! If you have any questions, please create a support ticket by going to Support.Collegepublisher.com.

 

Recommended: Articles that may interest you

11 comments

Nerli
Wed Jan 26 2011 09:37
jeux de casino
Brief, clear, substantial - and the most important - available !
Busta
Tue Jan 25 2011 13:17
This really is an awesome post, I'm happy I recently found. I have been trying to find guest writers for my anabolic blog so if you ever decide that's something you are interested in please feel free to contact me. I will be back to look at out more of your articles later!
Free Ads
Sun Jan 23 2011 03:39
Free classified ads posting and free ads posting. Promote your business by posting classified free ads and paid classified ads on adclimax.com.
Your name
Mon Jan 3 2011 21:45
I really appreciate the research you put into it...I've got to make this point.
David A Hubbard
Fri Sep 10 2010 12:40
Can both icon types be added to a site?






log out