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

108 Comments
Comments
  1. Não acredito!
    :D
    Pegou!!
    Super obrigado!

    ResponderExcluir
  2. Valeu, Juliana, funcionou perfeitamente!!! Muito obrigado!!!

    ResponderExcluir
  3. 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
  4. Oi, Juliana! Já implantei o favicon nos dois blogs. Ficou muito bom! Boa semana!

    ResponderExcluir
  5. Funcionou mesmo, obrigado =D

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

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

    ResponderExcluir
  8. 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
  9. Muito obrigado!!!

    resolveu nosso problema!!

    vcs são o melhor blog!

    Abraço!

    ResponderExcluir
  10. Aleluia finalmente meu favicon voltou faleu Juliana!

    ResponderExcluir
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. Eu tive problemas com meu favicon, mas sua dica resolveu tudo em um instante.
    Obrigado!
    Abraço.

    ResponderExcluir
  18. 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
  19. Pra mim não resolveu :-(

    []'s
    Compulsivo

    ResponderExcluir
  20. 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
  21. 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
  22. "(...)Este método não funciona no IEca, mas quem ainda usa o IEca?" Amei essa, virei fã! hehehe

    ResponderExcluir
  23. 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
  24. 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
  25. 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
  26. Vou colocar um desse no meu blog... só falta escolher a imagem!! hehe

    Vlw ai!!

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

    abs

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

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

    Bjuuuuux!!!

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

    http://estagioescravo.blogspot.com

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

    Muito obrigado Juliana

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

    ResponderExcluir
  34. 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
  35. please ninguém vai me ajudar..??????
    Onde coloco o código??....já tentei e sempre sai a mensagem anterior........

    ResponderExcluir
  36. 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
  37. 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
  38. onde eu hospedo o ico ju!

    ResponderExcluir
  39. já descobrir como hospeda em ico.

    e so se cadastra no favicon.cc e pronto.

    ResponderExcluir
  40. 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
  41. 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
  42. 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
  43. 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
  44. Esta me ajudando muito com o meu novo blog..vlw
    abraços

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

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

    Vou ver se funcionam também no Wordpress.

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

    ResponderExcluir
  48. 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
  49. 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
  50. Pode sim. Você escrevendo um tutorial com suas próprias palavras e colocando os créditos, não há nenhum problema

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

    ResponderExcluir
  52. Que dica incrível!

    Funcionou de primeira!...rsrs...

    Obrigadíssima!

    =D

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

    Obrigado! E parabéns!

    ResponderExcluir
  54. 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
  55. funcionou!!!muito obrigado por dar ao nosso blog um ar mais profissional

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

    ResponderExcluir
  57. nooooffa salvou minha vida agora

    amei muito obrigada mesmo

    ResponderExcluir
  58. Opá!!

    Já está funcionando no blog Grana Sempre.

    Obrigado.

    ResponderExcluir
  59. 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
  60. puts.Por aqui tudo parece mais fácil.Valeu :D

    ResponderExcluir
  61. Muito Obrigado, funcionou perfeitamente ^^.

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

    ResponderExcluir
  63. 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
  64. Muito bom!
    Já havia tentado outras quatro maneiras diferentes, tutoriais afora, e não tinha dado certo. Agora, sim! Valeu!
    Obrigado!

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

    http://turboperfeito.blogspot.com

    ResponderExcluir
  66. Cooooooooooonsegui uhuuuuuuuuuuuul

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

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

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

    brigaduuu

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

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

    ResponderExcluir
  72. 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
  73. 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
  74. Muito obrigado pelo conhecimento, assim que é legal, sem baboseiras ou spam !!

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

    òtimo Feriado

    ResponderExcluir
  75. 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
  76. Depois de muitos anos, finalmente deu certo.

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

    BEIJÃO.

    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. Juliana,
    aqui não está indo.
    eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"

    ResponderExcluir
  80. 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
  81. Vlw cara vc é de mais,me ajudou muito
    me add aew : ewertoncaires@hotmail.com

    ResponderExcluir
  82. Finalmente achei um que desse certo \õ

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

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

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