Imagem na Barra de Endereço
Já vimos e publicamos outros códigos para colocar uma imagem no lugar do ícone na barra de endereços, mas eles apresentam um problema com o Internet Explorer, vamos corrigir isso mostrando um outro código, repare que são duas vezes a mesma coisa mudando somente o formato da imagem .ico e .png:
<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>
Crie uma imagem no formato .png e hospede no ImageShack depois converta a imagem para o formato de ícone usando o site Converticon 2.1 e hospede o arquivo do ícone(.ico) no site MerryPic, se tiver duvidas sobre como fazer isso veja mais detalhes sobre como converter e hospedar arquivo no formato ícone(.ico), então coloque os endereços no lugar indicado no código acima, cuidado para pegar a url correta de cada imagem, estão em direct link pois as outras são paginas que mostram sua imagem(ícone) e se usar qualquer outras delas o código não funcionará.
Depois entre na pagina editar html, encontre ]]></b:skin> e coloque o código logo abaixo, ficará desse jeito:
]]></b:skin>
<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>
</head>
Agora é só clicar para visualizar e depois salvar se estiver tudo correto. Apenas mais um lembrete, no internet Explorer o ícone demora um pouco até aparecer e às vezes só vai funcionar depois que você carregar a página novamente.
Depois que publicamos essa explicação o site de hospedagem apresentou alguns problemas, então sugerimos usar o Free FavIcon.
Alguns dos sites que indicamos apresentaram problemas então fizemos um novo tutorial sobre como colocar um favicon (imagem na barra de endereços), veja aqui nossa atualização mais recente sobre a imagem na barra de endereços do blog.
Veja também:
Transformar imagens em ícones para barra de endereço
Programas para editar imagens grátis
Como hospedar e achar a url certa para usar em códigos
<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>
Crie uma imagem no formato .png e hospede no ImageShack depois converta a imagem para o formato de ícone usando o site Converticon 2.1 e hospede o arquivo do ícone(.ico) no site MerryPic, se tiver duvidas sobre como fazer isso veja mais detalhes sobre como converter e hospedar arquivo no formato ícone(.ico), então coloque os endereços no lugar indicado no código acima, cuidado para pegar a url correta de cada imagem, estão em direct link pois as outras são paginas que mostram sua imagem(ícone) e se usar qualquer outras delas o código não funcionará.
Depois entre na pagina editar html, encontre ]]></b:skin> e coloque o código logo abaixo, ficará desse jeito:
]]></b:skin>
<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>
</head>
Agora é só clicar para visualizar e depois salvar se estiver tudo correto. Apenas mais um lembrete, no internet Explorer o ícone demora um pouco até aparecer e às vezes só vai funcionar depois que você carregar a página novamente.
Depois que publicamos essa explicação o site de hospedagem apresentou alguns problemas, então sugerimos usar o Free FavIcon.
Alguns dos sites que indicamos apresentaram problemas então fizemos um novo tutorial sobre como colocar um favicon (imagem na barra de endereços), veja aqui nossa atualização mais recente sobre a imagem na barra de endereços do blog.
Veja também:
Transformar imagens em ícones para barra de endereço
Programas para editar imagens grátis
Como hospedar e achar a url certa para usar em códigos
Marcadores: Acessórios, Códigos, Sites Úteis, Template