How To Add Favicons

Author Topic: How To Add Favicons  (Read 3096 times)

Offline megamanTopic starter

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 1
  • Posts: 32
  • Karma: 1
How To Add Favicons
« on: 05-09-2010, 14:00:03 »
Ok every site I go to I see those cool little favicons.  I've had one professionally made but what code do I need to add to get it work and show up..... Please help me out here...



Offline Sevam

  • Administrator
  • Trade Count: (0)
  • *****
  • Thank You 89
  • Posts: 358
  • Karma: 12
  • Gender: Male
    • Trust Directory Project
Re: How To Add Favicons
« Reply #1 on: 05-09-2010, 22:26:57 »
Simply place favicon.ico (16x16) in the root of your site. That is all.

Offline tradedemon

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 0
  • Posts: 34
  • Karma: 2
Re: How To Add Favicons
« Reply #2 on: 05-10-2010, 04:13:07 »
In additon to the above, you'll also have to link to it in your XHTML with something like the below:

<LINK rel="shortcut icon" href="http://example.com/favicon.ico"/>

Offline naughtymonkey

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 0
  • Posts: 10
  • Karma: 2
  • Gender: Male
  • Extraterrestrial's (as we call "THEM&quo
Re: How To Add Favicons
« Reply #3 on: 05-19-2010, 02:29:19 »
This website can make it easy for you. - htmlkit.com/services/favicon

Offline Shikha Singh

  • Trade Count: (0)
  • Sr. Member
  • ****
  • Thank You 52
  • Posts: 323
  • Karma: 0
  • Gender: Female
  • solution to start online business
    • solution to start online business
Re: How To Add Favicons
« Reply #4 on: 02-18-2016, 05:44:39 »
The first approach for specifying a favicon is to use the rel attribute value "icon" and to define what the value means via a profile;
 In this HTML 4.01 example, the favicon identified via the URI http://example.com/myicon.png as being a favicon:
<!DOCTYPE html
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
      type="image/png"
      href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>