Colocando favicon no blog

Colocando favicon no blog

6 10 99
Colocando favicon no blog 10 6 99

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.

favicon

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:

Favicon:Como criar e hospedar imagens .ico

110 Comments
Comments
  1. Valeu, Juliana, funcionou perfeitamente!!! Muito obrigado!!!

    ResponderExcluir
  2. Sabe o que deve ter dado errado com os outros? A extensão da imagem, ela sempre deve ser png ou ico xD
    Já vai fazer o orçamento da net a rádio?

    Abraços

    ResponderExcluir
  3. Oi, Juliana! Já implantei o favicon nos dois blogs. Ficou muito bom! Boa semana!

    ResponderExcluir
  4. Funcionou nao Juliana --> http://fabricioa.blogspot.com/ - Blog De Testes

    ResponderExcluir
  5. Era tudo o que Eu queria ouvir logo nesse início de semana!
    Muitíssimo Obrigado Juliana!

    ResponderExcluir
  6. 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!

    ResponderExcluir
  7. Muito obrigado!!!

    resolveu nosso problema!!

    vcs são o melhor blog!

    Abraço!

    ResponderExcluir
  8. Aleluia finalmente meu favicon voltou faleu Juliana!

    ResponderExcluir
  9. Adorei 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

    ResponderExcluir
  10. Ah, que bom, não sabia o que fazer pra resolver o problema! Obrigado mesmo!

    Mas me diga uma coisa...será que o melhor é usar um arquivo .PNG ou um .ICO mesmo?

    ResponderExcluir
  11. Pow, valeu msm!

    Tava 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!

    ResponderExcluir
  12. Valeu pessoal!
    Fico 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!

    ResponderExcluir
  13. 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.

    obrigado mais uma vez Juliana.

    Abraço...

    ResponderExcluir
  14. 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

    Coloque o código após a tag head

    Funcionou perfeitamente no meu!!!

    ResponderExcluir
  15. Eu tive problemas com meu favicon, mas sua dica resolveu tudo em um instante.
    Obrigado!
    Abraço.

    ResponderExcluir
  16. 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)

    Abraço

    ResponderExcluir
  17. Juju, valeu mesmo!!! Certinho, e no IE é só utilizar .ICO

    Compulsivo, 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

    ResponderExcluir
  18. Compulsivo, verifique se vc apagou o código anterior.

    Fernando, 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!

    ResponderExcluir
  19. "(...)Este método não funciona no IEca, mas quem ainda usa o IEca?" Amei essa, virei fã! hehehe

    ResponderExcluir
  20. Pra mim aparece < b : s k i n > < ! [ C [
    D A T A [ / * ...o q q eu ponho e o que q eu deixo aqui???

    ResponderExcluir
  21. Excelente dica Ju!! =)
    Há 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.

    *
    *

    ResponderExcluir
  22. Excelente dica Ju!! =)
    Há 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.

    *
    *

    ResponderExcluir
  23. Vou colocar um desse no meu blog... só falta escolher a imagem!! hehe

    Vlw ai!!

    ResponderExcluir
  24. Olá, não sei se estou fazendo alguma bobagem, mas não estou conseguindo alterar. Pode me ajudar

    abs

    ResponderExcluir
  25. Parabéns ai Juliana!
    Sempre surpreendente em seus posts!
    Muito Obrigado pela ajuda!

    ResponderExcluir
  26. Parabens!!! Suas dicas foram muito importantes para a criação do meu blog!!
    Que Deus continue te abençoando muitoooo!!!

    Bjuuuuux!!!

    ResponderExcluir
  27. 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
  28. Pô, não tô conseguindo (ainda). Será que sou burro? hahaha Acho que só reza forte!

    http://estagioescravo.blogspot.com

    ResponderExcluir
  29. Nossa muito obrigado, agora o http://antenaparanoicablog.blogspot.com/ tá legal.

    Muito obrigado Juliana

    ResponderExcluir
  30. Vlw funcionou mesmo brigaduuuuuuu.

    ResponderExcluir
  31. Olá Juliana não consegui não!!!
    Você pode me ajudar?

    ResponderExcluir
  32. Não consegui colar....dá um erro na hora de salvar o modelo...
    "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???

    ResponderExcluir
  33. please ninguém vai me ajudar..??????
    Onde coloco o código??....já tentei e sempre sai a mensagem anterior........

    ResponderExcluir
  34. 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.
    Mucho brigadu...

    ResponderExcluir
  35. 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.

    ResponderExcluir
  36. já descobrir como hospeda em ico.

    e so se cadastra no favicon.cc e pronto.

    ResponderExcluir
  37. Vlw pela dica deu certo muito obrigado
    ah ,aproposito já dei o meu voto para vc no best blogs vc só está perdendo por dois votos

    ResponderExcluir
  38. Juliana, tudo bem? Eu sempre acompanho o seu blog, pra melhorar o meu.. xD
    Eu nao consegui fazer funcionar no IE, mas no MOZILA funcionou direitinho...

    Abraços.

    ResponderExcluir
  39. Muito obrigado pela dica Juliana.

    Irei 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.

    ResponderExcluir
  40. Juliana seguindo suas dicas tentei colocar o favicon no meu blog.

    Salvei 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?

    ResponderExcluir
  41. Esta me ajudando muito com o meu novo blog..vlw
    abraços

    ResponderExcluir
  42. Deu certo!
    Procurei isso por um tempão!
    Só agora consegui... obrigado!

    ResponderExcluir
  43. Legal, coloquei nos blogs Blogspot e funcionou perfeitamente.

    Vou ver se funcionam também no Wordpress.

    ResponderExcluir
  44. Juliana, obrigada pela dica, ainda vou tentar fazer funcionar no IEca, rs.

    ResponderExcluir
  45. Juliana,

    Obrigada 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!

    ResponderExcluir
  46. 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...

    ResponderExcluir
  47. Pode sim. Você escrevendo um tutorial com suas próprias palavras e colocando os créditos, não há nenhum problema

    ResponderExcluir
  48. Obrigado, deu tudo certo...
    Ah... E parabéns por esse maravilhoso blog!

    ResponderExcluir
  49. Que dica incrível!

    Funcionou de primeira!...rsrs...

    Obrigadíssima!

    =D

    ResponderExcluir
  50. Foi o mais prático jeito que já vi!

    Obrigado! E parabéns!

    ResponderExcluir
  51. Mais uma vez, te agradeço muito pelas ajudas que me presta com suas excelentes postagens.
    Parabens de minha parte já é redundancia.
    Obrigado.
    SoftBom Downloads (Graças ao DicasBlogger, ele funciona)

    ResponderExcluir
  52. funcionou!!!muito obrigado por dar ao nosso blog um ar mais profissional

    ResponderExcluir
  53. Muito Bom seu post Juliana, me ajudou pra caramba. Agora o favicon ficou =)

    ResponderExcluir
  54. nooooffa salvou minha vida agora

    amei muito obrigada mesmo

    ResponderExcluir
  55. Opá!!

    Já está funcionando no blog Grana Sempre.

    Obrigado.

    ResponderExcluir
  56. ficou lindo, super lindo
    obrigado

    ResponderExcluir
  57. Nossa, muitíssimo obrigada!

    Já tinha tentado outras formas, mas nada...

    Desta forma deu super certo. Parabéns também pela forma clara das informações.

    Muito obrigada

    ResponderExcluir
  58. puts.Por aqui tudo parece mais fácil.Valeu :D

    ResponderExcluir
  59. Muito Obrigado, funcionou perfeitamente ^^.

    ResponderExcluir
  60. Excelente!
    Funcionou show de bola no meu!

    ResponderExcluir
  61. 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'

    ResponderExcluir
  62. Muito bom!
    Já havia tentado outras quatro maneiras diferentes, tutoriais afora, e não tinha dado certo. Agora, sim! Valeu!
    Obrigado!

    ResponderExcluir
  63. realmente funcionou vlw aki vai meu blog da uma paçadinha aew

    http://turboperfeito.blogspot.com

    ResponderExcluir
  64. Cooooooooooonsegui uhuuuuuuuuuuuul

    ResponderExcluir
  65. Só não dá certo no meu!! Pelo menos some o ícone do blogger e fica o ícone do IE...

    ResponderExcluir
  66. lol vlw pessoal funcionou sim mesmo com gif

    ResponderExcluir
  67. Adorei!
    Hospedei no blog, mesmo e deu certo! Super simples!
    Obrigada!

    ResponderExcluir
  68. vlw me ajudou muito tinha perdido esse codigo *-*

    brigaduuu

    ResponderExcluir
  69. vlw fera consegui botar um gif animado de favcon vlw seja feliz

    ResponderExcluir
  70. Até que fim um que deu certo, só no dicas blogger mesmo =]

    ResponderExcluir
  71. Já tinha tentado em outras epocas isso, e pra dizr a verdade, foi uma das pouquíssimas coisas que nunca havia tido sucesso.
    Agora 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!

    ResponderExcluir
  72. Cara... muito obrigado... depois de um pouco de esforço consegui.
    Fiquei 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

    ResponderExcluir
  73. Muito obrigado pelo conhecimento, assim que é legal, sem baboseiras ou spam !!

    baita abração e viste-nos
    http://piellrouse.blogspot.com/

    òtimo Feriado

    ResponderExcluir
  74. 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!...;)

    Valeu!

    ResponderExcluir
  75. Depois de muitos anos, finalmente deu certo.

    ResponderExcluir
  76. FUNCIONOUUU!!!
    Depois de meses tentando... Muito obrigada, você salvou minha vida!

    BEIJÃO.

    ResponderExcluir
  77. Juliana,
    aqui não está indo.
    eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"

    ResponderExcluir
  78. Juliana,
    aqui não está indo.
    eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"

    ResponderExcluir
  79. Muito bom!
    Funcionou 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

    ResponderExcluir
  80. Vlw cara vc é de mais,me ajudou muito
    me add aew : ewertoncaires@hotmail.com

    ResponderExcluir
  81. Finalmente achei um que desse certo \õ

    ResponderExcluir
  82. Adorei... COnsegui fazer direitinho!!
    Obrigado pela ajuda!
    Veja se ficou bom: http://www.teamrobpattz.tk

    ResponderExcluir
  83. Muito bom juliana, funcionou perfeitamente!
    Estou muito feliz com isso, olhe como ficou o meu blog: http://familiafelizsa.blogspot.com

    ResponderExcluir
  84. Muito 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!

    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