Noticiado em: domingo, 5 de outubro de 2008
Código simples e eficiente para quem deseja colocar um favicon em seu Blog.
Com esse código é possível acrescentar também no Internet Explorer, já que algumas pessoas têm problemas em adicionar favicon nesse navegador (nem falo nada!).
Vamos para algumas dicas agora:
Quando você for montar seu favicon, escolha o tamanho 32x32.
Se você hospeda suas imagens no Google Sites, desista, pois não irá funcionar.
Hospede no Google Pages ou em outra página de sua preferência e faça os testes!
Você vai precisar de uma imagem PNG (recomendo fazer isso no Photoshop, pois assim a imagem ficará bem mais leve que no Fireworks).
E de outra imagem no formato ICO... Que você poderá converter nesse site:
Agora vamos para o código:
<link href='Link.PNG' rel='icon' type='image/png'/>
<link href='Link.ICO' rel='shortcut icon' type='image/x-icon'/>
Basta agora substituir o Link.PNG e Link.ICO pelo endereço onde foram hospedadas as imagens.
Algumas tutoriais dizem que o código deve ser colado logo após essa linha de código:
]]></b:skin>
... No meu caso, eu o colei logo abaixo das tags <title> </title> e funcionou perfeitamente!
Faça seus testes e boa sorte!
2 comentários:
nao funfo!!!!
Olá Matheus!
Eu não sei qual navegador você está usando e muito menos a versão dele, mas eu posso lhe garantir Matheus, que eu estou usando o mesmo método do Post e está funcionando aqui tanto no Firefox quanto no Explorer 8.
Siga as dicas direitinho que não tem erro! :)
Abraço!
Postar um comentário