How to add shortcut icon to your website

HTML Jan 11, 2009 3 Comments

Short Cut Icon
Ever wonder how come you see that small icon in front of the URL in web browser?

Magic?

Nop it is very simple stuff. It is called Shortcut Icon.

The first thing you need to get is an icon of the pic which you wish to add there. This icon is in .ico format.

Once you have the icon you have 2 ways to make it visible

1) Name the shortcut icon to be favicon.ico and upload it in the root folder of your website. If it doesn’t work then use the next method

or

2) Add this line of code between <head> </head> part of html code

<link rel=”SHORTCUT ICON” href=”http://www.yourdomain.com/youricon.ico”/>

Have Fun!!

Comments

3 Responses to “ How to add shortcut icon to your website ”
  1. Niyaz

    hi ajay ,

    where can i find the HTML code? i’m using wordpress…i can see only .php extn..pls help me..

    • Ajay Singh

      Just copy n paste above code before tag in index.php file from the wordpress->Appearance->Editor section.
      Dont’ forget to replace domain name and image name…

  2. Niyaz

    Thanks Ajay ..I got it :)

Leave a Reply to Ajay Singh