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='' rel='icon' type='image/'/>

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='' rel='shortcut icon' type='image/'/>

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

Hope this helps.


  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.

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

  3. lololol!

    Great WORK!

    And works!!!

    Thanks a lot!