How to add a Website Icon in the Address Bar


Favorite Icons, or favicons for short, are 16px x 16px icons for your website. They are used by web browsers as your website’s icon when a visitor bookmarks your website or visits you website

Favicons are really simple to make, and because they add to your website’s image, there is really no reason not to have them. Look at the address bar now, you will see a blue W icon.

First you have to create a 16px x 16px icon.
Second rename your icon to the standard name which is favicon.ico
Third copy the icon file to your web root or any place you want
Fourth add this code inside the Head tag
<link rel=”shortcut icon” href=”/favicon.ico”>
The href path depends on where your icon is located.

That’s it!
By the way you can have different icons per page just put your favicons in different directory with the same standard name which is favicon.ico

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: