Colocando favicon no site -
Depois de publicarmos uma grande quantidade de posts, fomos lembrados de algo que muitos webmasters esquecem. O famoso Favicon.
O Favicon é aquele pequeno iconizinho que aparece do lado esquerdo da sua barra de navegação. Veja o nosso:
![]()
A grande perguta é? Como funciona? Tenho que saber alguma coisa de pixelart?
Nada disso, é muito mais simples. O favicon, normalmente, é um arquivo png com sua extensão renomeada para .ico, porém, nada impede de que você faça a chamada com um arquivo .gif, .png, etc.
Dica:
Acesse: http://www.html-kit.com/favicon/ e esse site gera automaticamente vários modelos, inclusive, animados de seu favicon; basta fazer o upload de seu logo (em qualquer formado. Ex: .jpg, etc.).
Como inserir isso em meu site?
Simples basta fazer o upload de seu arquivo .ico ou com a extensão desejada e fazer a chamada dentro das tags <head> da seguinte forma:
[sourcecode language='xhtml']
[/sourcecode]Na verdade, a primeira linha é a principal responsável, porém, há muitos sites que utilizam da segunda e terceira para garantir que isso irá funcionar em todos os navegadores. Na dúvida, utilizamos as 3.
OBS: Lembrando que é atributo href que faz a chamada do arquivo que você deve fazer o upload.
Tou com algum problema! na internet explorer nao aparece o ico!
so no firefox!
nao me poderias dar uma ajuda para aparecer tb no Internet explorer
cumprimentos
HM
Comentário by Hugo Morais — 02/10/2008 @ 9:08
Ola!
Segui a dica, mas mesmo assim não aparece o Favicon no navegador IE7
Que devo fazer?
Obrigado
Comentário by Paulo — 02/10/2008 @ 14:46
Olá pessoal acredito que deva ter algo estranho.
Poderiam enviar o endereço dessas páginas para analisarmos.
Qual o formato do ico?
Comentário by Wesley — 05/10/2008 @ 0:49
Boa tarde Galera
Estou procurando o erro e não acho já estou procurando isso a um bom tempo.
Fire Fox funciona no IE7 não o que seria?
Comentário by João Paulo — 15/10/2008 @ 13:53
Provavelmente isso é a imagem ou o tamanho da mesma.
Mande o link para verificarmos.
Comentário by Wesley — 16/10/2008 @ 1:27
Aqui esta o link
http://www.projetosespeciais.com.br/favicon.ico
valeu mesmo
Comentário by João Paulo — 17/10/2008 @ 14:33
Assim como meus amigos acima, estou com os mesmos problemas.
Abri bem no firefox, mas no internet explore nada!
Estou curioso para saber onde esta o problema.
Até!
Comentário by Fabricio — 19/07/2009 @ 21:52
Fabricio,
Qual versão do IE que você está utilizando. No iE 6 ele aprece somente nos favoritos.
Wesley
Comentário by Wesley — 20/07/2009 @ 11:08
Obrigado pelas dicas, as acabei de utilizar em nosso blog. Parabens pelo conteudo.
Comentário by Papo de Arquiteto — 19/09/2009 @ 17:54
ola…e seu meu site for em flash como faço para poder por o favicon?
Comentário by leandro — 10/10/2009 @ 12:53
Mesmo se for em flash, você terá que ter código HTML para inserir o flash.
Comentário by Wesley — 18/10/2009 @ 19:12
fiz exatamente como no exemplo mas sá funcionou com o Firefox…
Comentário by Henrique Antunes — 20/01/2010 @ 21:56