Altere o ícone da barra de endereço do seu blog!

Muita gente tem o seu blog a anos e ainda não alterou o ícone que aparece na barra de título do navegador. É legal escolher uma imagem que tenha a ver com o seu blog, pois ela também é salva nos favoritos, identificando o seu site . Bom primeiro vamos incluir o código para exibir o ícone. Esse código até agora tem funcionado em todos os navegadores.

• Crie uma imagem no formato .png e hospede em um site de hospedagem, como por exemplo o Imageshack.us. Agora é necessário converter a imagem para o formato de ícone (.ico). Existem vários sites de conversão, e até mesmo programas que fazem isso, mas um site que recomendo é o Converticon 2.1. ( clique no link, clique no botão "Get Started" e selecione a imagem de seu computador[não esqueça de selecionar em "Arquivos Tipo" o formato .png!, selecione a imagem que criou e clique em "Exportar" e marque a opção 16x16, após é só salvar clicando em "save as"].

• Agora vamos hospedar a imagem que criamos no formato .ico na tamanho 16x16! Hospede o ícone criado em um site que aceite o formato .ico, como por exemplo: MerryPic ou RipWay. Pegue o link gerado e cole no lugar do "endereço da imagem.ico" descrito abaixo em azul.
  

• Localize o código ]]></b:skin>
  

Cole logo abaixo dele o seguite código:
<link href='endereço da imagem.ico'
rel='shortcut icon' type='image/x-icon'/>

<link href='endereço da imagem.ico' rel='icon'
type='image/png'/>

Pronto! Cuidado para não colar o url errado do ícone. Tem que ser o do ícone e não o da página que exibe os urls do ícone.


+ Dicas: Encontre pacotes de ícones na internet, disponíves para download. Baixe e converta ou hospede caso já esteja no formato e tamanho do ícone (16x16)