Back to Top

Friday, December 12, 2008

Making sure that your favicon works with Blogger

My favicon stopped showing up some time ago on my blogger page, but until now I was just too lazy to investigate. Turns out that blogger adds the following line in the header:

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

Which overrides my favicon setting. The solution? Put your favicon declaration after the following line in your template:

<b:include data='blog' name='all-head-content'/>

Something like this:

<b:include data='blog' name='all-head-content'/>
<link href='http://hype.free.googlepages.com/info.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

I tested it in FF3, Opera 9.50 and IE7 and it works in all three of them.

Hope this helps.

3 comments:

  1. The b:include code doesn't occur in my custom template. What I found to work instead was to put the {link rel="shortcut icon"...} tag AFTER the style declarations in the template head.

    ReplyDelete
  2. @Isherwood: Try checking the "Expand Widget Templates" checkbox before looking for the b:include tag.

    ReplyDelete
  3. lololol!


    Great WORK!

    And works!!!

    Thanks a lot!

    ReplyDelete