Trocar Icone do Site ou Blog

No Internet Explorer ele aparece quando você adiciona um site aos favoritos, por isso o nome de favicon. Mas em navegadores com abas como o Firefox, Opera e o IE7 você vê esse ícone do lado esquerdo do endereço do site.

Muita gente coloca seus sites no ar e nunca mexe nesse detalhe, as vezes por não saber ou simplesmente por não achar importante. Eu que navego com muitas abas abertas gosto do ícone para identificar mais facilmente cada uma delas.

O modo tradicional de personalizar esse ícone é criar um com o tamanho de 16x16 ou 32x32 pixels e salvar com o nome de favicon.ico na raiz do seu domínio (Ex: http://www.interney.net/favicon.ico). Você pode usar o Irfanview para salvar a imagem no formato ICO.

Outra alternativa é usar os serviços do FavIcon from Pics, nesta página você envia uma foto e ele a transforma em ícone, dai basta baixar e transferir par ao seu site.

Se você não puder gravar o favicon na raiz do seu site ou se quiser usar ícones diferentes para outras páginas você pode gravar o favicon em outro diretório e indicar na página onde você quer personalizar qual é o ícone a ser utilizado usando as seguintes tags no template:


Obs: Substitua http://www.interney.net/blogs/ pela url e diretório do seu site ou blog.

Essas tags devem ser colocadas entre as tags e

Apesar de apenas a segunda tag ser suficiente para a maioria dos browsers atuais é recomendável utilizar também a primeira para garantir compatibilidade com browsers antigos e que não acompanham os padrões adequadamente.

Pronto, agora seus visitantes já podem identificar seu site ou blog com mais facilidade.

By:: Lukas