Diversos usuários reportaram, nesta semana, problemas com o favicon de seus blogs. Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador.
Aqui no Dicas Blogger, estava funcionando bem. Então, resolvi criar um novo post a fim de fornecer um código mais adequado.
Para quem ainda não tem um favicon, basta criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px e hospedar na web (ImageShack, PhotoBucket e etc). Existem também sites especializados na criação e distribuição de favicons. (Exemplo: favicon.cc)
Agora, vamos entrar no html do template e procurar por :
]]></b:skin>
Logo após, iremos colar o seguinte código:
<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>
Substituimos http://sua_imagem.png pela url do favicon.
Vamos visualizar o template e, se tudo estiver ok, salvá-lo.
Quem já utilizava o código anterior, deverá apagá-lo.
………
ATUALIZAÇÃO:
Para funcionar em todos os navegadores, leia este post:
108 Comments
Não acredito!
ResponderExcluir:D
Pegou!!
Super obrigado!
Valeu, Juliana, funcionou perfeitamente!!! Muito obrigado!!!
ResponderExcluirSabe o que deve ter dado errado com os outros? A extensão da imagem, ela sempre deve ser png ou ico xD
ResponderExcluirJá vai fazer o orçamento da net a rádio?
Abraços
Oi, Juliana! Já implantei o favicon nos dois blogs. Ficou muito bom! Boa semana!
ResponderExcluirFuncionou mesmo, obrigado =D
ResponderExcluirFuncionou nao Juliana --> http://fabricioa.blogspot.com/ - Blog De Testes
ResponderExcluirFuncionou...
ResponderExcluirEra tudo o que Eu queria ouvir logo nesse início de semana!
ResponderExcluirMuitíssimo Obrigado Juliana!
Juliana coloquei o codigo tudo certinho, mas tipo esse favicon ele não aparece o IE? Você teria uma dica de ele aparecer tanto como no firefox como no IE? Obrigado pela dica abraços!
ResponderExcluirMuito obrigado!!!
ResponderExcluirresolveu nosso problema!!
vcs são o melhor blog!
Abraço!
Aleluia finalmente meu favicon voltou faleu Juliana!
ResponderExcluirAdorei a dica, estava a procurando já tem algum tempo. Muito obrigado, utilizo algumas de suas dicas lá no meu blog http://lucascnevesd.blogspot.com/ depois dá uma espiadinha lá qndo vc tiver tempo. Estou torcendo para que seu telefone e sua internet em casa "ressucitem".Seu blog está de parabéns.Beijos
ResponderExcluirAh, que bom, não sabia o que fazer pra resolver o problema! Obrigado mesmo!
ResponderExcluirMas me diga uma coisa...será que o melhor é usar um arquivo .PNG ou um .ICO mesmo?
Funcionou. Obrigada!
ResponderExcluirPow, valeu msm!
ResponderExcluirTava indo todos os dias a procura dessa solução nas atualizações dos blogs especializados.
Vim aqui e achei!
Vlw! Tava louco por essa solução!
Valeu pessoal!
ResponderExcluirFico muito feliz em poder ajudar!
Este método não funciona no IEca, mas quem ainda usa o IEca?
Eu, nesta conexão a lenha da Claro...hahahaha
Beijos a todos!
Percebi o problema na quinta-feira achei que fosse uma instabilidade do Blogger, até o Compulsivo estava assim... Passaram os dias e continuou a mesma coisa.
ResponderExcluirobrigado mais uma vez Juliana.
Abraço...
Para funcionar também no Internet Explorer basta usar o mesmo código fornecido pelo Dicas Blogger, utilizando o seu favicon com extensão .ico
ResponderExcluirColoque o código após a tag head
Funcionou perfeitamente no meu!!!
Eu tive problemas com meu favicon, mas sua dica resolveu tudo em um instante.
ResponderExcluirObrigado!
Abraço.
Esta é uma dica muito boa, mesmo. Há muita gente usando o FavoritesIcon em blogs atualmente. Em alguns sites, como observei, eles também conseguem fazer aparecer no IE, e até fica o ícone quando você adiciona a página nos favoritos. (me parece que daí o nome)
ResponderExcluirAbraço
Pra mim não resolveu :-(
ResponderExcluir[]'s
Compulsivo
Juju, valeu mesmo!!! Certinho, e no IE é só utilizar .ICO
ResponderExcluirCompulsivo, você utilizou o código após a TAG que a Jú mencionou "/b:skin" ?
Cometi o erro em um primeiro momento de acrescentar após a TAG "head" como no antigo script... Não funcionou mesmo! Mas após adicionar o novo script no local certo, ficou ok!!!
Jú, é isso... Beijão!!!
Fernando
Compulsivo, verifique se vc apagou o código anterior.
ResponderExcluirFernando, peço a gentileza de não postar como anônimo, pois isto não é permitido aqui no blog.
Vc pode usar seu perfil do Blogger ou a url do seu blog. Abraços e seja bem vindo!
Pessoal, não vai dar pra responder aos comments individualmente por causa da falta de uma conexão decente.
Abraços a tds!
"(...)Este método não funciona no IEca, mas quem ainda usa o IEca?" Amei essa, virei fã! hehehe
ResponderExcluirPra mim aparece < b : s k i n > < ! [ C [
ResponderExcluirD A T A [ / * ...o q q eu ponho e o que q eu deixo aqui???
Excelente dica Ju!! =)
ResponderExcluirHá muito tempo queria saber como inserir. Valeu!!
Ah! Um detalhe... O site que a "Ju" citou logo acima...
www.favicon.cc
...É possível fazer o upload da imagem também e logo em seguida (depois de fazer o cadastro) é fornecido dois códigos...
O primeiro código, vc hospeda a imagem onde quizer e inseri junto com o código fornecido.
O segundo, é só vc copiar todo o código que o "Favicon" fornece e colocá-lo no html do blog.
O local dos códigos é o que a "Ju" indica.
`
É isso!!
((((( valeu! )))))
Bju-JU.
*
*
Excelente dica Ju!! =)
ResponderExcluirHá muito tempo queria saber como inserir. Valeu!!
Ah! Um detalhe... O site que a "Ju" citou logo acima...
www.favicon.cc
...É possível fazer o upload da imagem também e logo em seguida (depois de fazer o cadastro) são fornecidos dois códigos.
-O primeiro código, vc hospeda a imagem onde quizer e inseri junto com o código fornecido.
-O segundo, é só vc copiar todo o código que o "Favicon" fornece e colocá-lo no html do blog.
O local dos códigos é o que a "Ju" indica.
`
É isso!!
((((( valeu! )))))
Bju-JU.
*
*
Vou colocar um desse no meu blog... só falta escolher a imagem!! hehe
ResponderExcluirVlw ai!!
Olá, não sei se estou fazendo alguma bobagem, mas não estou conseguindo alterar. Pode me ajudar
ResponderExcluirabs
Parabéns ai Juliana!
ResponderExcluirSempre surpreendente em seus posts!
Muito Obrigado pela ajuda!
Parabens!!! Suas dicas foram muito importantes para a criação do meu blog!!
ResponderExcluirQue Deus continue te abençoando muitoooo!!!
Bjuuuuux!!!
Este hack também já pus no meu blog! E como disse anteriormente em outro post, conheci seu blog através da minha esposa, QUANDO ela estava lendo aqui no seu blog este post de como mudar o favicon!
ResponderExcluir=)
Obrigada pela superdica!!!
ResponderExcluirValeu!
Pô, não tô conseguindo (ainda). Será que sou burro? hahaha Acho que só reza forte!
ResponderExcluirhttp://estagioescravo.blogspot.com
Nossa muito obrigado, agora o http://antenaparanoicablog.blogspot.com/ tá legal.
ResponderExcluirMuito obrigado Juliana
comigo ñ funcionou :(
ResponderExcluircanal ec sport
omg funfo
ResponderExcluirVlw funcionou mesmo brigaduuuuuuu.
ResponderExcluirOlá Juliana não consegui não!!!
ResponderExcluirVocê pode me ajudar?
Não consegui colar....dá um erro na hora de salvar o modelo...
ResponderExcluir"A skin não pode conter o elemento: link. Somente seções de texto e CDATA são válidas."
oq será que tá errado???
please ninguém vai me ajudar..??????
ResponderExcluirOnde coloco o código??....já tentei e sempre sai a mensagem anterior........
Desculpas....rs... eu confundi as bolas....era pra colocar depois do (/b) e eu tava colocando logo na entrada da tag....sorry minha ignorância.
ResponderExcluirMucho brigadu...
Não funcionou, já tentei as duas formas e nada acontece vou esperar masi um pouco para ver se resolvem, mas se não pesso uma dica.
ResponderExcluirnao ta aparecendoO ;X
ResponderExcluirthefaviconshomepage.com já hospeda o novo favicon do Google!
ResponderExcluironde eu hospedo o ico ju!
ResponderExcluirjá descobrir como hospeda em ico.
ResponderExcluire so se cadastra no favicon.cc e pronto.
Vlw pela dica deu certo muito obrigado
ResponderExcluirah ,aproposito já dei o meu voto para vc no best blogs vc só está perdendo por dois votos
Juliana, tudo bem? Eu sempre acompanho o seu blog, pra melhorar o meu.. xD
ResponderExcluirEu nao consegui fazer funcionar no IE, mas no MOZILA funcionou direitinho...
Abraços.
Muito obrigado pela dica Juliana.
ResponderExcluirIrei com certeza colocar uma imagem em meu blog.
Estava querendo saber como fazer isso tem um bom tempo, mas graça ao DB, meus problemas acabaram.
Grande abraço e mais uma vez obrigado por compartilhar as dicas com todos os blogueiros.
Juliana seguindo suas dicas tentei colocar o favicon no meu blog.
ResponderExcluirSalvei a imagem no PICASA e usei seu link como orientou.
Quando fui salvar, olha o que apareceu:
Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The reference to entity "feat" must end with the ';' delimiter.
Onde errei?
Esta me ajudando muito com o meu novo blog..vlw
ResponderExcluirabraços
Deu certo!
ResponderExcluirProcurei isso por um tempão!
Só agora consegui... obrigado!
Legal, coloquei nos blogs Blogspot e funcionou perfeitamente.
ResponderExcluirVou ver se funcionam também no Wordpress.
valeu foi muito bom !
ResponderExcluirLegal foi muito útil esta dica !
ResponderExcluirJuliana, obrigada pela dica, ainda vou tentar fazer funcionar no IEca, rs.
ResponderExcluirJuliana,
ResponderExcluirObrigada por suas dicas sempre funcionais e inteligentes. Sempre que posso estou por aqui e te acompanho via twitter para saber das novidades.
Continue sempre assim!
Parabéns!
Nossa que demais consegui !!
ResponderExcluirvaleu
Juh(q intimidade oO),eu sempre queria saber como se faz isso,e finalmente apredim,mas queria repassar as outras pessoas(blogueiros) para que possa fazer o mesmo.Posso fazer uma turorial ensinado como fazer?,pq aqui esta dividido em tres postes(vc sabe o que ue quero disser XD) e eu queria criar logo um direto juntando tudo e tirando o desnecessario ;/. CLARo que ñ vou esquecer de Citar Bem Grande ! onde aprendir a colocar o Falvicon XD, Vo fazer a postagem e salva como rascunho, so posto depois que vc libetar ;) BjomeLink rsrs...
ResponderExcluirPode sim. Você escrevendo um tutorial com suas próprias palavras e colocando os créditos, não há nenhum problema
ResponderExcluirObrigado, deu tudo certo...
ResponderExcluirAh... E parabéns por esse maravilhoso blog!
Que dica incrível!
ResponderExcluirFuncionou de primeira!...rsrs...
Obrigadíssima!
=D
Foi o mais prático jeito que já vi!
ResponderExcluirObrigado! E parabéns!
Mais uma vez, te agradeço muito pelas ajudas que me presta com suas excelentes postagens.
ResponderExcluirParabens de minha parte já é redundancia.
Obrigado.
SoftBom Downloads (Graças ao DicasBlogger, ele funciona)
funcionou!!!muito obrigado por dar ao nosso blog um ar mais profissional
ResponderExcluirMuito Bom seu post Juliana, me ajudou pra caramba. Agora o favicon ficou =)
ResponderExcluirnooooffa salvou minha vida agora
ResponderExcluiramei muito obrigada mesmo
Opá!!
ResponderExcluirJá está funcionando no blog Grana Sempre.
Obrigado.
ficou lindo, super lindo
ResponderExcluirobrigado
Nossa, muitíssimo obrigada!
ResponderExcluirJá tinha tentado outras formas, mas nada...
Desta forma deu super certo. Parabéns também pela forma clara das informações.
Muito obrigada
puts.Por aqui tudo parece mais fácil.Valeu :D
ResponderExcluirMuito Obrigado, funcionou perfeitamente ^^.
ResponderExcluirExcelente!
ResponderExcluirFuncionou show de bola no meu!
Caracas, muito boa a dica ... olha como fikou no meu blog : http://x-down17.blogspot.com/ -- pelo menos não fika akele favicon feio do blog . ksopkpsapaosks'
ResponderExcluirMuito bom!
ResponderExcluirJá havia tentado outras quatro maneiras diferentes, tutoriais afora, e não tinha dado certo. Agora, sim! Valeu!
Obrigado!
Obrigado finalmente consegui valew
ResponderExcluirrealmente funcionou vlw aki vai meu blog da uma paçadinha aew
ResponderExcluirhttp://turboperfeito.blogspot.com
Cooooooooooonsegui uhuuuuuuuuuuuul
ResponderExcluirNão funcionou no IE8 :(
ResponderExcluirPARABENS PELO BLOG ;)
ResponderExcluirSó não dá certo no meu!! Pelo menos some o ícone do blogger e fica o ícone do IE...
ResponderExcluirValeu!
ResponderExcluirDeu certinho.
Adorei!
ResponderExcluirHospedei no blog, mesmo e deu certo! Super simples!
Obrigada!
vlw me ajudou muito tinha perdido esse codigo *-*
ResponderExcluirbrigaduuu
vlw fera consegui botar um gif animado de favcon vlw seja feliz
ResponderExcluirAté que fim um que deu certo, só no dicas blogger mesmo =]
ResponderExcluirJá tinha tentado em outras epocas isso, e pra dizr a verdade, foi uma das pouquíssimas coisas que nunca havia tido sucesso.
ResponderExcluirAgora necessitei em meu novo blog e tava levando laço de novo.
Sua dica aqui foi de extrema valia e deu sucesso, obrigado!
Sex Appeal – Deixe-se cativar!
Cara... muito obrigado... depois de um pouco de esforço consegui.
ResponderExcluirFiquei lutando com o xpg. akele troço num deixa hospedar imagens em ICO e achei que era no navegador, tentei upar no picasa e n deu tbm, acabei fazendo em png mesmo.
Vlw mesmo
Quem quiser ver acessaí.
www.agendapreta.com
O Unico que funcionou \ô/
ResponderExcluirMuito obrigado pelo conhecimento, assim que é legal, sem baboseiras ou spam !!
ResponderExcluirbaita abração e viste-nos
http://piellrouse.blogspot.com/
òtimo Feriado
De que funciona, disso eu nunca duvidei! O problema foi meu cerebro descobrir que a imagem nao precisa ser de extensao .ico! Pode ser jpg tambem, e eu nao conseguia fazer upload no photobucket!...;)
ResponderExcluirValeu!
Depois de muitos anos, finalmente deu certo.
ResponderExcluirFUNCIONOUUU!!!
ResponderExcluirDepois de meses tentando... Muito obrigada, você salvou minha vida!
BEIJÃO.
Juliana,
ResponderExcluiraqui não está indo.
eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"
Juliana,
ResponderExcluiraqui não está indo.
eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"
Muito bom!
ResponderExcluirFuncionou perfeitamente no Mozila.
Entretando, no IE está abrindo com o favicon do IE.
Há alguma solução.
Deixo o blog para que confirme o favicon do IE no acesso deles.
www.goldenpilates.com.br
Com oposso proceder?
att;
Eduardo
Vlw cara vc é de mais,me ajudou muito
ResponderExcluirme add aew : ewertoncaires@hotmail.com
Gente, deu super certo!
ResponderExcluirObrigada!
Finalmente achei um que desse certo \õ
ResponderExcluirMuito obrigado!
ResponderExcluirAdorei... COnsegui fazer direitinho!!
ResponderExcluirObrigado pela ajuda!
Veja se ficou bom: http://www.teamrobpattz.tk
Muito bom juliana, funcionou perfeitamente!
ResponderExcluirEstou muito feliz com isso, olhe como ficou o meu blog: http://familiafelizsa.blogspot.com
valeu funciono!
ResponderExcluirMuito bom o código. Mas não funcionou no Internet Explorer. Comigo só funcionou no Firefox e no chrome. Mas esse código vlw muuuuuuito a pena. Muuuuitíssimo obrigadoo!
ResponderExcluirvaleu obrigada
ResponderExcluirVlw
ResponderExcluirObrigada pela dica!
ResponderExcluir