Colocando favicon no blog

Diversos usuários reportaram, nesta semana, problemas com o favicon de seus blogs. Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador.

Aqui no Dicas Blogger, estava funcionando bem. Então, resolvi criar um novo post a fim de fornecer um código mais adequado.

Para quem ainda não tem um favicon, basta criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px e hospedar na web (ImageShack, PhotoBucket e etc). Existem também sites especializados na criação e distribuição de favicons. (Exemplo: favicon.cc)

Agora, vamos entrar no html do template e procurar por :

]]></b:skin>

Logo após, iremos colar o seguinte código:

<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>

Substituimos http://sua_imagem.png pela url do favicon.

Vamos visualizar o template e, se tudo estiver ok, salvá-lo.

Quem já utilizava o código anterior, deverá apagá-lo.

………

ATUALIZAÇÃO:

Para funcionar em todos os navegadores, leia este post:
Favicon:Como criar e hospedar imagens .ico

Fonte da Postagem