How to add shortcut icon to your website

11 Jan

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!!

Like it? Share it:
  • Digg
  • del.icio.us
  • Reddit
  • Netvouz
  • BlinkList
  • Facebook
  • Google Bookmarks
  • Live
  • Simpy
  • StumbleUpon
  • Technorati
  • MisterWong
  • LinkaGoGo
  • Mixx
  • Blogosphere News
  • Fleck
  • Propeller
  • NewsVine
  • Sphinn
  • Slashdot
  • Socialogs
  • ppnow
  • IndianPad
  • co.mments
  • Faves
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Diigo
  • MySpace
  • Twitter
  • Fark
  • Identi.ca
  • Kirtsy
  • LinkedIn
  • MyShare
  • Ping.fm
  • Suggest to Techmeme via Twitter
  • Tipd
  • Tumblr

3 Responses to “How to add shortcut icon to your website”

  1. Niyaz 14. Aug, 2009 at 10:39 am #

    hi ajay ,

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

    [Reply]

    Ajay Singh Reply:

    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…

    [Reply]

  2. Niyaz 14. Aug, 2009 at 12:01 pm #

    Thanks Ajay ..I got it :)

    [Reply]

Leave a Reply