Atualização do código para Favicon
em 19 Abril 2009 | Marcadores: HacksEm 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.
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?
ResponderExcluir