I can't get my favicon to show up. I followed the directions, but can't seem to get it to work. Can someone help me?
queenmommyblog.com
Thanks!
Favicon Issues (11 posts)
-
hannahcraner
Posted 4 years ago #
-
favicon shows up...
-
Posted 4 years ago #
phew. Maybe it just needed to refresh. Thanks!
-
IEBA
Posted 3 years ago #
I've tried to put it in my blog. Put it at the top level, nothing. I put it in htdocs, nothing. I added the text to embed the favicon:
<link rel="shortcut icon" href="http://blog.ieba.com/favicon.ico" type="image/vnd.microsoft.icon"/>
<link rel="icon" href="http://blog.ieba.com/favicon.ico" type="image/x-ico"/>Nothing.
Well, actually, the favicon appears when I'm in the dashboard.
But when browsing? Nothing.Help?
Anthony
http://blog.ieba.com -
well, it is probably not the right kind of graphic.
you can use one of the free programs, like this, to convert your grahic into a favicon.ico. -
Posted 3 years ago #
I did use an external converter to make it.
Ad it works when I'm in the dashboard. (weird)
Doesn't work when I browse.1) is Header.php the place to put the favicon calls.
2) did I change them correctly to point at my icon?
2) is htdocs the folder to put the favicon?I called my hosting service and they said that the root level of the blog is not where to put it (I had tried that first and it wasn't working). They said to put it in the htdocs folder, which is visible at the root level, so the ico is one level down.
-
Samuel Wood (Otto)
Posted 3 years ago #
IEBA: There's nothing wrong with your favicon. It's working. I can see it just fine.
Clear and refresh your browser cache.
-
richarduk
Posted 3 years ago #
For anyone else:
Try http://tools.dynamicdrive.com/favicon/
In the header use
<link rel="shortcut icon" href="http://www.change-this-to-your-website-address.com/favicon.ico" type="image/x-icon" />Favicon goes in root e.g. if your site is http://www.mysite.com, favicon goes into http://www.mysite.com/favicon.ico
-
Posted 3 years ago #
Technically, the favicon can go anywhere. Root is best.
And you want both of these lines:
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" /> <link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />Reason: Some older IE browsers prefer it the first way and need it like that. If you don't care about old IE browsers, this is the correct way:
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />All modern browsers support this single line method.
Also, you don't have to use an ICO file unless you're maintaining old backward IE compatibility. If you want to use a GIF or PNG or JPG, then that's perfectly acceptable, too. Just change the type to "image/jpeg" or "image/png" "image/gif" as appropriate. Again, all modern browsers support this. Animated GIFs even work. :)
Finally, limit the size of the icon to 16x16 or 32x32 for it to be effective.
-
Posted 3 years ago #
Thanks otto. I'll check on a couple other machines here as well. I tried dumping my cache but still not seeing it- except when I'm in the dashboard.
-
kaotik
Posted 3 years ago #
I was having these problems too, but instead of like most are suggesting:
<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" />With favicon.ico in the root folder, be sure to add the www after http://
<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />It worked for me, I hope it solves problems others are having.
Topic Closed
This topic has been closed to new replies.
