logo
g Text Version
Auto
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Society & Culture
Sports
Travel & Leisure
TV & Movies

dailyclick
Bored? Games!
Postcards
Astrology
Take a Quiz
Rate My Photo

new
Spirituality
Home Improvement
Vegetarian
NASCAR
Southcentral USA


dailyclick
All times in EST

Full Schedule
g
g HTML Site
Elizabeth Connick
BellaOnline's HTML Editor

g

The Shortcut Icon HTML Code - How To Add A Shortcut Icon To Your Website
Guest Author - Diane Cipollo

The inspiration for this article came from a question asked in the Digital Art and Design Forum. Ann wanted to know how to add a shortcut icon to her website. What is a shortcut icon? Glad you asked. A shortcut icon is a custom icon for your website.

Open your Internet Explorer browser and click on the Favorites button on the Menubar. Now take a look at the list of websites in your Favorites list. Most of them, if not all, have the Internet Explorer E at the left of the website name. Imagine how much one of these websites would stand out from the list if it did not have the Internet Explorer E but instead had a custom icon of its very own. Ann wanted to know how to make a custom icon and the HTML code to add to her webpages to make it show up in the Favorites list.

First of all an icon is a special type of image. Most images on the web are in jpg or gif format. But an image destined to be an icon must be in the icon format (.ico). For more information about making a custom icon read my article How To Make Your Own Icons. After you have made your custom icon, there is just one line of HTML code that you need to add to your webpages.

<link rel="shortcut icon" href="youricon.ico">

Replace "youricon.ico" with the name of your icon image. Also, if your icon is stored in a folder(s), you must add the name of the folder(s) in front of the name of your icon. Then place the HTML code in the head section on all of your webpages.

folder1/folder2/youricon.ico





RSS | Previous Features | Site Map


Content copyright © 2008 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Elizabeth Connick for details.

Digg! g delicious Save to Del.icio.us

g


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor

g features
Setting Your Webpage Background

Multiple-Choice Input Fields for HTML Forms

The Right Way to Start a Paid Website Project

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Driving Amount
Much more
Slightly more
Slightly less
Much less

g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2008 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor