WordPress.org

1. hannahcraner
   Member
   Posted 9 months ago #

   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!

2. jcow
   Member
   Posted 9 months ago #

   favicon shows up...

3. hannahcraner
   Member
   Posted 9 months ago #

   phew. Maybe it just needed to refresh. Thanks!

4. IEBA
   Member
   Posted 4 months 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

5. alchymyth
   Member
   Posted 4 months ago #

   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.

6. IEBA
   Member
   Posted 4 months 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.

7. Otto42
   Moderator
   Posted 4 months ago #

   IEBA: There's nothing wrong with your favicon. It's working. I can see it just fine.

   Clear and refresh your browser cache.

8. richarduk
   Member
   Posted 4 months 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 www.mysite.com, favicon goes into www.mysite.com/favicon.ico

9. Otto42
   Moderator
   Posted 4 months 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.

10. IEBA
    Member
    Posted 4 months 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.

Reply

You must log in to post.