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:
<link rel="icon" href="/favicon.png" type="image/x-icon" /> <link rel="SHORTCUT ICON" href="/favicon.png" type="image/x-icon" /> <link rel="apple-touch-icon" href="/favicon.png" type="image/x-icon" />
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.
Loading ...
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
Ola!
Segui a dica, mas mesmo assim não aparece o Favicon no navegador IE7
Que devo fazer?
Obrigado
Olá pessoal acredito que deva ter algo estranho.
Poderiam enviar o endereço dessas páginas para analisarmos.
Qual o formato do ico?
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?
Provavelmente isso é a imagem ou o tamanho da mesma.
Mande o link para verificarmos.
Aqui esta o link
http://www.projetosespeciais.com.br/favicon.ico
valeu mesmo
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é!
Fabricio,
Qual versão do IE que você está utilizando. No iE 6 ele aprece somente nos favoritos.
Wesley
Obrigado pelas dicas, as acabei de utilizar em nosso blog. Parabens pelo conteudo.
ola…e seu meu site for em flash como faço para poder por o favicon?
Mesmo se for em flash, você terá que ter código HTML para inserir o flash.