Oct 23, 2008

Blogger disabled custom favicons

blogger logo
The blogger or google's blogspot have blocked using the custom favicon's within blogs.
Before blogspot bloggers had been able to add custom favicons to their blogs.
So whenever a blog site loads to the browser visitor had been able to view the favicon (a small icon appeared on the left corner of the web browser's address bar) within the address bar of the browser.

A web site owner can add favicons or shortcut icons to their web sites or blogs using the following code:

<link href='http://sri.890m.com/wickum/h.gif' rel='shortcut icon'/>

But you can not seen such favicons anymore as google disabled the use of them within blogs.
Instead they replaced the blogger classic icon again.
We actually don't know why they insist bloggers to use classic shortcut icon in blogs.
But it can be seen as a improve of promotional works.

Update:*****************************************************************
You can still enable your custom favicon in blogger.

By Moving your icon between:

]]></b:skin>
<link href='http://path to icon' rel='shortcut icon'/>
<link href='http://path to icon' rel='icon'/>
</head>

Done.
Favicons will work just same as before .
Happy Blogging


Examples of adding Favicons to blogger or a web site :

<link href='http://path to icon' rel='shortcut icon'/>
<link href='http://path to icon' rel='icon'/>

You can use the both styles in once.

16 comments:

Wicki said...

But you can enable custom favicons just like before using a hack.
i'll tell it later

StyleNation said...

Seems like the hack doesn't work in Safari.

Nate said...

If you put your link both before and after $BlogMetaData$ it appears to still work

Anonymous said...

Yeah,
nate is correct.
[put both linkss to favicon before and after $BlogMetaData$]

TeleCaster said...

blocked i'm afraid

Anonymous said...

NO Google not stated anything about favicons in TOA.

TeleCaster said...

sorry, it works! thnx

Redzlan aka Tabib said...

Thanks for the tutorial.
Now I got my "bird" back!

Unknown said...

I can't find

link href='http://path to icon' rel='shortcut icon'/>
link href='http://path to icon' rel='icon'/>

in my template.

Can I still use a custom favicon?

Wicki said...

Lot of thanks.
Works fine....

colombopro said...

Hey the favicon is alive again.
Huge thanks

Amanda said...

Ok, so I'm new at this. I have my favicon hosted at iconj.com as both an ico & png. But beyond that I'm lost. I have found so many different sites that say different things and if one space or dash is wrong, it doesn't work.

One for instance is that I don't have ]]> /
in the b :skin part

If it helps, I'm http://amandasapron.blogspot.com/

Custom Paper Writing said...

Many institutions limit access to their online information. Making this information available will be an asset to all.

ColomboPro said...

Just go to your Edit HTML section and click on 'expand Widget template' then search for ']]></b:skin>' (without quotes) then as post said add your after the code. and before the closing head tag </head>

costa rica real state said...

hello I love your information helped me a lot to me and my family.
I recommend it because my friends are also in doubt thank you very much for this information

Send Flowers to France said...

Gorgeous work, thank you for sharing this method.

Post a Comment

colombo pro