The reason for this is that the 'all-head-content' includable (the content generated for page headers when your blog is viewed in a browser) has been updated to include the following line:
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
Thankfully, there is an easy "fix" for this issue!
Simply locate the line(s) of code you have added to your Blogger template to reference your custom Favicon, and move these just before the closing </head> tag in your template.
The reason this trick works is because the code to reference your custom favicon appears after the lines added by Blogger to reference the Blogger favicon. In all HTML documents, code which appears later in the mark-up takes precedence over any tags which appear earlier (unless of course, statements are attached to make the earlier tags preferential!).
How to link to a custom favicon in your Blogger blog
If you do not already use a custom favicon for your blog, you may be interested to learn how to create one, so here are some useful links to other articles and resources on site:
- Favicons made easy (newer version, using png or gif files)
- Create a favicon for your blog (older version, using .ico files)
- Generate your own favicon from a JPG image
Favicons and Internet Explorer
When using Internet Explorer 6, you will only see favicons appear in the address bar if you have bookmarked the site you are viewing.The tern "favicon" is short for "favorite icon", and as such Internet Explorer will only display the favicon of a site if the site is recognized as one of your favorites (ie: if you have bookmarked the site in your browser!).
Some people also report that the favicon will only display when viewing the particular page they have bookmarked, and not the entire site. In this case, you would need to restart your browser for the favicon to appear in the address bar of all pages.
Your internet security settings (both in Internet Explorer and any anti-virus/anti-spyware programs you use) may also affect whether or not favicons will be displayed in IE6.
Were you able to fix your broken favicon?
I hope this post has provided a useful overview of how to fix the link to your custom favicon in your Blogger blog. Please feel free to leave your comments and suggestions below.
17 comments:
THANKS A MILLION!!! You're a genius :D
THANK YOU!! I was freaking out when it all of a sudden disappeared. THEN I couldn't find the new code. I googled it and of course I wasn't surprised when your blog answered my question. I should have come straight here. I find all the good stuff here as it is.
Thanks again!
Wow,finally my favicon works,thanks Amanda
i using wordpress blog and already have favicon. The problem is, when my friend put my blog under his blogspot bloglist, no favicon appear, just my blog name only. Any idea to fix it. I using WP plugin for my favicon
For a long time even with your help i could not make the icon work, I have a mac, and the ico file didn't want to show for ages! But finally first I found a good tutorial http://findhow.blogspot.com/2007/10/tutorial-how-to-change-your-blogger.html
And I used png instead of ico and everything worked better, no hassle to search where to host the ico file no problems at all! Amanda thank you anyway.
A good work.
Infomist Services
If you need to convert a .jpg to an .ico file use the free program Irfan View at: http://www.irfanview.com/
thanks for it
karcee
Thank you
great post
so mine isn't showing up at all...I'm snot sure what I'm doing wrong...
greenleavesdesign.blogspot.com
great, it works, thanks
Hi,
Good information; however when I use the info on my test page it either reverts to the "e" or does not change. The page is at
http://www.rm-test-rm.blogspot.com/
Please advise on what I should do.
Thanks
This method works as it is the way I had my Fav Icon when I used blogger. Thanks for the share
my favicon appears for only the home page.. www.pixelshots.blogspot.com...
when an internal link is clicked the blogger icon is coming... any fix?
ooops.... sorry yaar, i just commented the problem, havent tried what u said.. am typing this after the try that u said above.. it works...
thanx for the fix....
pixelshots.blogspot.com
Wow! Just a small line of code added and the results are great !
Did Blogger just come up with a new way to trump user created favicons? Mine don't work now, even with this tip that worked before.
http://www.iheartdiving.com
Post a Comment