How To Add Favicons

« previous next »
Pages: [1]   Go Down

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

Offline megamanTopic starter

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 2
  • 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...

Logged

Offline Sevam

  • Administrator
  • Trade Count: (0)
  • *****
  • Thank You 97
  • Posts: 359
  • Karma: 13
  • 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.
Logged

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"/>
Logged

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
Logged

Offline Shikha Singh

  • Trade Count: (0)
  • Sr. Member
  • ****
  • Thank You 52
  • Posts: 309
  • 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>


Logged
Pages: [1]   Go Up
« previous next »