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
Legal ^^
ResponderExcluirLegal Ju, valeu a dica... amanhã mesmo eu mudo o código...
ResponderExcluircomo sempre, obrigado ;-)..
PS.: Gostei do icone do Blogger aí do lado #estiloso.
Muito Bom Juliana!!... vou atualizar meu código agora mesmoo!!
ResponderExcluirOlá
ResponderExcluirMuito legal suas dicas.Estou precisando saber como posso enviar direto para meu blog alguma coisa que recebo via e-mail
Muito obrigada
Juliana mais uma obra prima sua saindo...
ResponderExcluirsimplesmente perfect....
já estou usando peguei o código no twitter
parabéns
beijin e boa semana para ti
Douglas Costa
@dfcossta
Muito obrigado Ju, seu blog está cada vez mais interativo e infomativo continue assim beijos do seu Fã nº 1
ResponderExcluirIdé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!
ResponderExcluirParabéns pelo blog!
Eu estava procurando um meio de colocar o ícone nos outros navegadores, muito bom, Obrigado e parabéns
ResponderExcluirAbraço
@rendsonn
*
ResponderExcluirJu, minha amiga, você é genial! =;b
Valeu!!
Bjos.
.::.Susy.::.
*
Hum... Muito bom, até porque meu favicon não estava aparecendo no Explorer nem no Chrome mesmo, só no Firefox e suas extensões!
ResponderExcluirAmei Bjus***
Beleza de dica!
ResponderExcluirTbm havia percebido q no chrome meu favicon não aparecia....
Brigadu!!
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.
ResponderExcluirBlogueigoo
http://blogueigoo.blogspot.com/
gotia, aqui funciona no IE,Chrome e Firefox.
ResponderExcluirO 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.
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.
ResponderExcluirOutra 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....
ResponderExcluirAlgumas 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.
ResponderExcluirMuito 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]
Oi Juliana!
ResponderExcluirSó faltava mesmo o Chrome e Safari!
Deu tudo certinho! =]
Valeu!
[]'s A.S.
Muito Obrigada!!!
ResponderExcluirEu procurei por todos os lugares algo q funcionasse e este BLOG foi o unico lugar q consegui! :)
PARABENS!!!
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Á???
ResponderExcluirNão funcionou, aparece o favicon do blogger =/
ResponderExcluirAqui também não funcionou, em nenhum navegador =(
ResponderExcluirFiz tudo certinho, alguém sabe o que pode ser?
Legal ^^
ResponderExcluirMudei 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.
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 ;/
ResponderExcluirbye bjo
-by_daan AMÈM ² \o/
Juliana:
ResponderExcluire para o Opera?
[]'s
Eu já tinha um favicon.
ResponderExcluirMas, melhorar sempre é bom.
Obrigado mais uma vez!
OLá, Dona Ju DB! :)
ResponderExcluirAcabo 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
Parabéns pelo trabalho ajudou muito espero sucesso com blogger abraço.
ResponderExcluirÓtimo! MUUUUUUUUUUUUITO BOOOOOOOOOOOOOOOM!Funcionou direitinho aki no meu chrome! Obrigadooo!
ResponderExcluirJuliana, 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?
ResponderExcluirO 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