FAVICON ICONS
This entry was posted on 7/8/2007 11:12 AM and is filed under How To.
FAVICON ICONS
By Anna Dalea, ERT Website Solutions
I'm positive that you've seen a favicon icon before. If you've ever bookmarked a page in Firefox or saved a web page to your "favorites" in Internet Explorer...you've seen a favicon. It's a small icon that is unique to the page that you saved. It represents the company, usually in the form of their logo. (In internet explorer it's called your "favorites" and in Firefox its called "bookmarks"). Favicons help, once again, to brand your company. That is our goal, as we've discussed before, to brand, brand, brand!
Favicons are easy to implement onto your site. Here are the steps to creating a favicon:
1) Create a graphic using a program like photoshop, paint, fireworks, etc. The image should only be 16x16. It's extremely small so you may have to play with the image a bit to get it the way you want it. Normally, the image should be something similar to your logo. However, if you're logo is complex, keep it simple and clear. Create it either to take after your logo or a piece of your logo to help BRAND your company's image. This helps to get people to remember your company's logo. VERY IMPORTANT!
2) Once you have the image you want, save it as "favicon.ico". You'll need to upoad it to your hosting server in the same folder as that pages that you want it to display on (normally in the same folder as your homepage).
3) Then you'll need to add a string to each page on your website that you want to implement this feature. The string is as follows:
<link rel="shortcut icon" href="http://www.ert2go.com/favicon.ico" />
NOTE: Just replace www.ert2go.com with your web address. Also, make sure that it is the correct string to properly locate the favicon file. This code should be inserted into the background code on your page between the head tags <head>...</head>
Congradulations...you're done!
