Atualização do código para Favicon

Atualização do código para Favicon

6 10 99
Atualização do código para Favicon 10 6 99

Em janeiro, eu fiz um post ensinando a criar imagens no formato ICO para que os favicons funcionassem no ieca Internet Explorer - Favicon: como criar e hospedar imagens .ico.

Entretanto, o código passado não vinha funcionando no Google Chrome, que já é o terceiro browser mais usado na atualidade. Notei que no meu outro blog - Dicas de Informática - onde eu ainda não havia trocado de código, que o favicon funcionava no Chrome, mas não no Firefox. O que eu fiz? Juntei tudo e deu  nisto:

<link href='URL_DA_IMAGEM_ICO' rel='shortcut icon'/>

<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon'/>

<link href='URL_DA_IMAGEM_PNG' rel='apple-touch-icon'/>

<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon' type='image/x-icon'/>

A partir daí, passou a funcionar em todos os navegadores, incluindo Chrome e Safari.

Para criar as imagens,hospedá-las e inseri-las no blog, acesse os posts anteriores.

30 Comments
Comments
  1. Legal Ju, valeu a dica... amanhã mesmo eu mudo o código...

    como sempre, obrigado ;-)..

    PS.: Gostei do icone do Blogger aí do lado #estiloso.

    ResponderExcluir
  2. Muito Bom Juliana!!... vou atualizar meu código agora mesmoo!!

    ResponderExcluir
  3. Olá
    Muito legal suas dicas.Estou precisando saber como posso enviar direto para meu blog alguma coisa que recebo via e-mail
    Muito obrigada

    ResponderExcluir
  4. Juliana mais uma obra prima sua saindo...
    simplesmente perfect....
    já estou usando peguei o código no twitter
    parabéns
    beijin e boa semana para ti
    Douglas Costa
    @dfcossta

    ResponderExcluir
  5. Muito obrigado Ju, seu blog está cada vez mais interativo e infomativo continue assim beijos do seu Fã nº 1

    ResponderExcluir
  6. Idéia um pouco arcária de juntar tudo e colocar em um só, mas, criativa a ponto de ninguém ter pensado até o momento!

    Parabéns pelo blog!

    ResponderExcluir
  7. Eu estava procurando um meio de colocar o ícone nos outros navegadores, muito bom, Obrigado e parabéns
    Abraço
    @rendsonn

    ResponderExcluir
  8. *

    Ju, minha amiga, você é genial! =;b

    Valeu!!

    Bjos.

    .::.Susy.::.

    *

    ResponderExcluir
  9. Hum... Muito bom, até porque meu favicon não estava aparecendo no Explorer nem no Chrome mesmo, só no Firefox e suas extensões!
    Amei Bjus***

    ResponderExcluir
  10. Beleza de dica!

    Tbm havia percebido q no chrome meu favicon não aparecia....

    Brigadu!!

    ResponderExcluir
  11. Comigo não está funcionando. No Opera (9.52), durante o carregamento da página, mostra o favicon do Blogger, logo em seguida mostra o meu favicon e finaliza mostrando novamente o favicon do Blogger. O favicon do Dicas Blogger funciona no Firefox (3.0.9) e no Opera. No IE e no Chrome ele não funciona. No código fonte do Dicas Blogger tem 4 (quatro) tag LINK de favicon, sendo que cada uma tem uma dimensão, algumas iguais. Aliais, também há a tag LINK do favicon do Blogger (type='image/vnd.microsoft.icon'). Alguém (Juliana!?) sabe o que eu estou fazendo de errado? Valeu e até mais.

    Blogueigoo
    http://blogueigoo.blogspot.com/

    ResponderExcluir
  12. gotia, aqui funciona no IE,Chrome e Firefox.
    O Compulsivo testou no Safari e está ok.
    Quanto ao Opera, eu desconheço o resultado.
    Não esqueça que uma das imagens deve ser ICO e não PNG.

    ResponderExcluir
  13. Coloquei o favicon ICO no GetDropBox, mas não funcionou. Depois coloquei-o no ImageBoo (igual o DB) e funcionou (Opera e IE). Ainda bem que o meu favicon é feio, logo nem faço questão dele aparecer. Mas enfim, valeu pela ajuda.

    ResponderExcluir
  14. Outra dica importante além do código html e hospedagem deimagens citadas acima é escolher um favicon legal, que também pude encontrar no Dicas Blogger em uma matéria que linkou o Icon Archive, um site muito legal e cheio de opções....

    ResponderExcluir
  15. Algumas pessoas acabam por adicionar os nossos blogues nos favoritos(Ctrl+D), e como possuem muitos sites já anexados, se torna um pouco difícil encontrar o desejado no momento, se tendo o favicon sempre visível ajuda muito nessa busca.
    Muito boa dica Jú qualquer dia ainda te adiciono no twitter é que eu não o uso ainda, assim que começar te adiciono pra batermos um papo. =D

    Grande abraço, blog mais que especial na minha formação!


    [.P]

    ResponderExcluir
  16. Oi Juliana!

    Só faltava mesmo o Chrome e Safari!
    Deu tudo certinho! =]

    Valeu!

    []'s A.S.

    ResponderExcluir
  17. Muito Obrigada!!!
    Eu procurei por todos os lugares algo q funcionasse e este BLOG foi o unico lugar q consegui! :)
    PARABENS!!!

    ResponderExcluir
  18. COLOQUEI A SEMANA PASSADA, FUNCIONOU APENAS DOIS DIAS,AGORA NÃO APARECE MAIS... APARECE SÓ O DO IE7, QUE É O QUE ESTOU USANDO, POR QUE SERÁ???

    ResponderExcluir
  19. Não funcionou, aparece o favicon do blogger =/

    ResponderExcluir
  20. Aqui também não funcionou, em nenhum navegador =(
    Fiz tudo certinho, alguém sabe o que pode ser?

    ResponderExcluir
  21. Legal ^^

    Mudei o código de meu blog e ficou bom :D

    Porém o meu Favicon é em .GIF e não roda nem no IE, nem o Chrome...

    Irie ter que fazer um mais simples em breve pelo jeito :D

    Att.

    ResponderExcluir
  22. Considerava o Insoonia como melhor blog! mais hoje vejo que tudo mudou,depois desta exelnte tutorial \o/ Vc(rsrsrs) seu BLOG! esta em primeiro lugar na minha top lista blogs ;/
    bye bjo
    -by_daan AMÈM ² \o/

    ResponderExcluir
  23. Eu já tinha um favicon.
    Mas, melhorar sempre é bom.
    Obrigado mais uma vez!

    ResponderExcluir
  24. OLá, Dona Ju DB! :)

    Acabo de me beneficiar com esta superdica. Agora o ícone que inseri em meu blog funciona tanto no Firefox 3.6 como na versão 4.0 do Chrome. Aproveito o ensejo para fazer um convite: visite meu blog e veja o ícone dele.

    Agradeço a ajuda! :D

    ResponderExcluir
  25. Parabéns pelo trabalho ajudou muito espero sucesso com blogger abraço.

    ResponderExcluir
  26. Ótimo! MUUUUUUUUUUUUITO BOOOOOOOOOOOOOOOM!Funcionou direitinho aki no meu chrome! Obrigadooo!

    ResponderExcluir
  27. Juliana, estou com seu site [esse] aberto no IE e seu Favicon não está aparecendo... É o IE do Windowns 7 Ultimate, será que este é imune a essa mudança no HTML?

    ResponderExcluir
  28. O meu favicon nao aparece no Chrome, entao pergunto, onde no meu blogger eu coloco estas linhas, agradeço pela informação, pois normalmente se diz, coloca abaixo da linha tal, ou da palavra tal. Muito Obrigado pela possivel ajuda.

    ResponderExcluir

ATENÇÃO: Caso esteja com dificuldades com seu blog, abra um tópico no Fórum de Ajuda do Blogger que nós iremos te ajudar a resolver.


Os comentários passam por um sistema de moderação. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top