Pesquisa

Ícones junto com endereço no Blogger

André Felipe André Felipe, 30 de março de 2009.

Muitos leitores têm entrado em contato para avisar que, mesmo após seguirem os passos de Como colocar favicons no Blogger, o ícone padrão continua a ser exibido. Neste post, ensino a exorcizá-lo.:anjo:

Girassol num campoEnquanto os outros desistem, você deve lutar até o final.

Tomarei como base o fato de que você já tenha seguido todos os passos do post original e que tenha conhecimentos suficientes para realizar as ações necessárias. Se você achar tudo muito confuso ou tiver medo de perder as configurações de seu template, não prossiga.o quê??

Em seu código, há a linha <b:include data='blog' name='all-head-content'/>, que gera outras automaticamente quando o blog é aberto. Entre elas, está a responsável pelo ícone padrão. Para solucionar o problema, basta remover a linha assinalada e adicionar as outras necessárias, manualmente, em seu lugar. Para fazer isso, siga os passos:

  • Abra a página inicial de seu blog e use a opção "Ver código-fonte" de seu navegador, geralmente disponível com um clique com o botão direito em qualquer lugar da página;
  • Copie tudo entre <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> e <link rel="openid.server" href="http://www.blogger.com/openid-server.g" /> para o bloco de notas;
  • Localize e remova a linha <link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>;
  • Na edição de HTML do painel do Blogger, substitua aquela linha original (<b:include data='blog' name='all-head...) pelo texto restante que está bloco de notas e salve o template.

Agora, é virtualmente impossível o favicon do blog persistir em aparecer ao lado de seu endereço.8-D

73 comentários:

  1. Ahhh nao consegui mesmo com a segunda parte..nao fica de jeito nenhum...nao tem esse codigo no meu código fonte do blog e nem do favicon do blogger...
    por isso nao entendo pq nao dá certo...
    poderia me ajudar???

    ResponderExcluir
  2. Posso editar pessoalmente para você. Se quiser, adicione-me como administrador de seu blog.Veja meu e-mail aqui.

    ResponderExcluir
  3. Este é o blog mais interessante que vi até agora no BLOGGER. Tem a melhor dica do mundo e arredores. A dica completa de como colocar o FAVICON no BLOGGER. Estava mesmo precisando disso. Obrigado.

    ResponderExcluir
  4. show de bola meu brother;
    estava a um tempão tentando tirar aquele icone; esta dica ajudou bastante !

    ResponderExcluir
  5. Caro amigo. Não tens porque ficar sem jeito. És óptimo no que fazes. Obrigado por existires. Voltei a ter vontade de usar blogger. Só me irrita por vezes não encontrar templates interessantes. Uns têm uma coisa que gosto, outros têm outras. Às vezes fica difícil encontrar o certo. Outro dia tinha um blog com o template pronto, depois fui a ver e estava aparecendo publicidade nos posts. Que cena! Eu odeio publicidade no Blog. Até acho que um pouco de publicidade não faz mal mas o que é demais é erro. Mas aquela publicidade não era minha e se o blog era meu não tinha piada. Por isso tive que voltar com novo template. Foi péssimo pois desanimei. O blog que posto mais é o "Psoríase em Portugal".

    ResponderExcluir
  6. Ismael, é possível remover esses anúncios que colocam automaticamente em templates prontos. Os autores colocam apenas para demonstrar aos usuários como o design se adequa bem com publicidade. Só não é adequado remover indicações de autoria (os links que geralmente vão no rodapé das páginas).

    ResponderExcluir
  7. É, eu sei que é possível. Mas nem sempre é fácil. Acho que os autores dos templates deveriam ter o cuidado de, quem sabe, colocar duas versões para download. Aquela com anúncios e aquela sem. Será que vamos chegar ao ponto das pessoas começarem a fazer as coisas para vender e não por gosto?

    ResponderExcluir
  8. O caso é que um grande tempo é gasto para criar algo como um template decente (este é o motivo pelo qual ainda não disponibilizei nenhum), e as pessoas nem sempre dão um retorno compensador como você. Que gosto pode haver em se dedicar para fazer algo e não receber nenhum reconhecimento nem mérito?

    Os criadores de modelos inserem os anúncios, já que sabem que o usuário comum não se dará ao trabalho de abrir o código para localizar e remover as propagandas.

    De qualquer maneira, como disse anteriormente, não é uma condição de uso manter esses anúncios, e você pode removê-los rapidamente.

    ResponderExcluir
  9. Eu dou retorno a quem merece. Mas tu também tens o cuidado de responder. Isso alguns não o fazem.
    Por exemplo, não vi publicidade no teu blog. Outros têm imensa.
    Quem tem publicidade produz conteúdos para atrair a atenção para a publicidade e não se importa com ajudar os outros de verdade. Eles sempre falam para olhar o post e o resto nada. O teu blog é o único que vi até agora que deu a dica completa para colocar o FAVICON. Isso de dar as dicas completas é muito importante. Não se pode assumir que a pessoa sabe fazer o resto. Ou que o resto já está feito, né? Obrigado por seres assim. [Ah! Eu add ao meu msn o msn que disponibilizas no teu perfil do blogger.]

    ResponderExcluir
  10. Por favor andre, não consigo mudar o icone de jeito nenhum cara.
    Fico em dúvida em que tenho que substituir.
    me ajude por favor

    ResponderExcluir
  11. [S]YSTEM, outros leitores seguiram os mesmos passos e confirmaram que deu certo nos comentários acima. Não há mais nada que eu possa fazer.

    ResponderExcluir
  12. Cara não existe este código no meu blog o link openid server g e não tem como remover esta linha: link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'

    O que eu faço?? No firefox aparece o favicon que eu criei, mas no Internet Explorer nao.

    abraço

    ResponderExcluir
  13. Rafael Lopes: acredito que você apenas viu o código-fonte da página e tentou editá-lo no leitor do navegador. Você deve seguir cada passo que especifiquei: copiar esse trecho do código-fonte e colá-lo no editor de template, sem a linha original de favicon.

    ResponderExcluir
  14. [Rafael Lopes] é claro que com este tutorial só vai aparecer nos novos Browsers menos no IE. O IE é um browser que pede favicon via imagem do tipo ícone. Para isso é preciso ter um lugar para hospedares a imagem do tipo ícone. Isso é muito difícil de conseguir um espaço grátis para isso. Mais uma vez aconselho a usar o Google Chrome ou Mozilla Firefox. Usem o IE só se forem obrigados pela Microsoft para acederem a algumas páginas deles.

    ResponderExcluir
  15. Ismael: o favicon de quem seguiu todos os passos da maneira como expliquei aparece no IE.

    ResponderExcluir
  16. Sim. Tens toda a razão. De facto se ele seguir o tutorial todo. Mas é difícil arrumar lugar grátis para hospedar grátis imagem do tipo ícone, foi isso que eu quis dizer.

    ResponderExcluir
  17. Ismael, na primeira parte do guia, mostrei um site que presta esse serviço.

    ResponderExcluir
  18. Andre tentei de tudo o favicon aparece no firefox no ie8 nao?

    da help ai por favor...

    ResponderExcluir
  19. Roger: o acesso a seu perfil está bloqueado, o que impossibilita o acesso ao seu blog.

    ResponderExcluir
  20. André teu blog é demais!!!!
    ei como tu criou aquele e-mail com aquele dominio tem q pagar alguma coisa??
    ah e eu consegui!!!
    já vo add nos favoritos!!!!

    ResponderExcluir
  21. André curti mto esse post mas no codigo fonte do meu blog não aparece - link rel="openid.server" href="http://www.blogger.com/openid-server.g"

    ResponderExcluir
  22. Consegui vlw cara!!!
    tava fazendo em um post, e é so fazer na página principal do blog.

    e quem ta com medo de perder o template, baixa pro computador o original.

    ResponderExcluir
  23. Anônimo, sim, pago uma anuidade. Um post sobre como usar domínios personalizados está na minha lista de textos a escrever.

    Robson, obrigado pelo aviso de que aquela linha só apareceu na página inicial. Atualizarei o guia.

    ResponderExcluir
  24. André eu que agradeço nunca vi blog ou site melhor do que esse!!
    além do bom conteúdo vc é atencioso e responde todas as postagens!

    ResponderExcluir
  25. Robson, obrigado pelos elogios! Uma dica: ative a opção compartilhar perfil e selecione sempre "Conta do Google" ao comentar, se quiser que acessem seu blog.

    ResponderExcluir
  26. cara eu preocurei por meia hora os codigos e nao encontrei, dava pra ti me ajuda podemos fazer uma conexáo remota e tu me guia passo apasso ta blz por favor entre en contato comigo pelo meu msn djallexmixhd@hotmail.com obrigado desde já

    ResponderExcluir
  27. Allex, "se você achar tudo muito confuso [...], não prossiga".

    ResponderExcluir
  28. André Felipe

    Thaank's pelas suas diicas. :D
    Elas me ajudaram bastante.

    =*

    Bruna :)

    ResponderExcluir
  29. Opa obrigado André, usou de muita sapiencia nesse tutorial superando o até então "todo poderoso" Compulsivo...
    nós só temos a ganhar com mais um problogger, pois sem bem que ser um metablog não é facíl, muito menos manter um "Blog que ajuda blogar"

    Abraços fera obrigado pela solidariedade, depois se quiser fazer parceria com meu blog tá as ordens beleza?


    William Apocalypse,

    ResponderExcluir
  30. Muito obrigada pela grande ajuda. Já havia tentado trocar o ícone do meu blog inúmeras vezes, mas o do bloger persistia. mesmo fazendo todos os procedimentos indicados em todos os sites.
    Mas, finalmente consegui, graça a sua dica.
    VALEU!!!!!

    ResponderExcluir
  31. Já tinha tentando isso tantas vezes, mas só depois de sua dica que funcionou direito!

    Muito obrigado!

    ResponderExcluir
  32. Quero agradecer pela dica, ela funcionou perfeitamente. Parabéns, seu blog é muito bom!!!
    Obs. Não consegui realizar o cadastro no hotlinkfiles.com, eu armazenei os arquivos no www.imageboo.com publicamente, porque o mesmo também apresentou erro ao realizar o cadastro, se tiver alguma dica sobre outro Host, me envie, por favor.
    Obrigado, e um grande abraço...

    ResponderExcluir
  33. Wilson Barros, voltei a usar o Fileden. Experimente! :)

    ResponderExcluir
  34. Oi, bastante interessante o seu post, mas gostaria de tirar dúvidas, porque segui as dicas e mesmo assim não estou conseguindo tirar o favicon do Blogger nos meus blogs.

    ResponderExcluir
  35. Diego, que dúvidas gostaria de tirar?

    ResponderExcluir
  36. Obrigado pela dica André... e assim da pra fazer com outras partes... só seguir a lógica... muito bom.

    Abraço

    ResponderExcluir
  37. Você sabe se isso funciona no google chrome também? o favicon não aparece nas abas só as vezes na barra de recentemente fechadas quando clico em nova aba. De Qualquer jeito, ótimo blog

    Abraço

    ResponderExcluir
  38. mais uma coisa, quando eu abro no IE também não aparece

    ResponderExcluir
  39. Eu segui todos os passos e mesmo assim não deu, antes quando tinha seguido esses passos em outro blog havia dado certo, agora em meu blog novo não da.

    ResponderExcluir
  40. tem como vc ensinar a colocar o favicon na lista de blogs?
    tipo... eu tenho o gadget lista de blogs... blogs como testosterona e judão tem um icno especifico... o meu mesmo com o favicon aparece o B do blogger na pagina dos outros... caso não tenha entendido dá uma passada no meu pra ver.
    abcs

    ResponderExcluir
  41. Pow muito show mesmo suas dicas, Deus abençoe vc.

    ResponderExcluir
  42. André, fiz tudo como você ensinou. Não consegui fazer funcionar. Cara, tô puto aqui, não sei mas onde procurar auxilio, pode me ajudar? Por favor!

    ResponderExcluir
  43. Pessoal, como já disse em outras ocasiões, o sistema do Blogger insere muitas coisas automaticamente e não nos dá um controle adequado sobre elas. Meus posts como este foram escritos para usuários avançados que assumem a responsabilidade sobre danos que remover ou ocultar parte do código padrão do Blogger possam causar.

    Caso mesmo depois de seguir explicações de edições avançadas — minhas ou de outras pessoas — o que querem fazer não der certo, é melhor se concentrar no conteúdo e evitar essas mudanças que, afinal, são cosméticas. Assim, quando o Blogger mudar seu código novamente, seus templates receberão as atualizações sem problemas, ao contrário de quem personalizou bastante o código.

    ResponderExcluir
  44. Rapaz! To tentando desde o primeiro post e nada! Que meleca! MAs, valeu pelas dicas todas...quem sabe se eu tentar outra hora?

    PArabéns pela disponibilidade!!

    Abraço

    ResponderExcluir
  45. aaaaaaaaaaaaaaaaa, eu consegui!!!! *-*
    fui futucando ate conseguir!!

    Pra quem nao entendeu, eu explico mais facil.

    SUBSTITUA O

    PELO O LINK DO FAVICON

    simples!!!

    eu consegui!

    ResponderExcluir
  46. afffffffffffff.... não consegui... já tô até cansada!!! =(

    já tenho o favicon, já hospedei, já expandi, já apliquei e a mensagem que o blog me dá é esta:

    "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 element type "link" must be terminated by the matching end-tag "".

    Tô móoooooooooooo triste =/

    ResponderExcluir
  47. Ai... to quase chorando... to a 4 horas tentando colocar o favicon no meu blog e não consigo... O que eu faço???????? Estou com o mesmo problema da pessoa aí de cima... Me ajuda please????????

    ResponderExcluir
  48. Aew mano eu nom consegui, eu fiz curso de HTML sei mecher no dreamweaver sei muita coisa porém não consigo fazer isso....

    deu erro: 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 entity name must immediately follow the '&' in the entity reference.

    tu me ajuda se eu te add como ADM do Meu BLOG

    ResponderExcluir
  49. O meu deu certo abrio no explorer tb mas só q eu hopedei o inco ne outro site.

    quem quiser o site q eu hospedei me email é :elielbritosantos@hotmail.com

    ResponderExcluir
  50. Não consegui! O template não salva. Fica dando este erro: 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 entity name must immediately follow the '&' in the entity reference.

    ResponderExcluir
  51. pronto! fiz tudo certinho, mas no Firefox ainda aparece o ícone do blogger!! Tava funcionando mas parou derrpente!

    ResponderExcluir
  52. Depois de hum certo tempo consegui...
    E talvez possa ajudar mais alguém a conseguir!

    No meu código fonte tinha huma tag <-- script --> entre duas tags <-- meta content --> então como o caractere ou sequencia não aceita estava na tag <-- script -->, apenas a removi!

    Lembrando... no meu blog funfo, e olhando assim, parece não ter afetado nada. Então, é por sua conta em risco!

    BeHappy!

    ResponderExcluir
  53. No meu n funfo, tem como vc edita se eu coloca como admin do blog?

    ResponderExcluir
  54. Depois que eu fiz isto notei que o Google parou de indexar meus posts, só indexava a página inicial atualizada... Daí fui até o forum de ajuda do google e um rapaz me disse para tirar a linha "canonical" do template, que foi colada junto com a parte do código fonte que colamos para lá... eu tirei e meus posts voltaram a ser indexados!

    Fica a dica...

    ResponderExcluir
  55. O meu também não tava pegando fiz tudo isso... ai eu desistir e vi este site aqui: "http://www.desenvolvimentoblogger.com.br/2010/03/como-alterar-o-favicon-icone-ao-lado-do.html" e consegui de primeira... se alguém que não conseguiu quiser tentar...

    Meu Blog: http://everaldjr.blogspot.com/

    ResponderExcluir
  56. Não deu certo, da erro no HTML :(

    ResponderExcluir
  57. COMO FAÇO PARA REMOVER: Localize e remova a linha..........
    É PARA REMOVER NO HTML DO BLOG?? PQ NO CODIGO FONTE DA PAGINA NAO TEM COMO DELETAR NADA....
    ALGUEM PODE ME EXPLICAR ?

    ResponderExcluir
  58. Valeu pela dica!

    No meu site funcionou legal:
    http://www.hentaitube.com.br

    ResponderExcluir
  59. Alo cara, Gostei mesmo deste Tutorial, mas nao consigo no meu blog, ele da me uma mensagem de ERROR:

    We were unable to save your template
    Please correct the error below, and submit your template again.

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.

    XML error message: The entity name must immediately follow the '&' in the entity reference.

    Essa nao entendo, por favor me ajude aqui.

    Um abraco

    ResponderExcluir
  60. aaaaaaaaaaaaaaaaaaaa cara o botao direito do meu mouse ta blokiado!!!!!!!!!!!

    ResponderExcluir
  61. Bom, sinceramente acho o post válido, mais poderia ser mais explicativo passo a passo, pois não acho nada a respeito, mas quero resaltar que, não estou querendo por um favicon do meu blog e sim, excluir o favicon do Blogger que insiste em carregar no Internet Explorer e quando está no começo do carregamento da pagina aparece, dando a ver que é um blogger, algo não profissional para muitos, estou ainda a espera de uma luz, se alguem souber de outro recurso agradeceria muito!

    ResponderExcluir
  62. Muito obrigado, aqui foi o unico lugar que realmente resolveu meu problema!

    ResponderExcluir
  63. Este comentário foi removido pelo autor.

    ResponderExcluir
  64. Na verdade andei fazendo uns testes e percebi que se você tirar a linha ( b:include data='blog' name='all-head-content ) no painel do blogger assim também funciona corretamente.

    ResponderExcluir
    Respostas
    1. Boa tarde, mil vezes mais fácil

      deletem a linha
      (b:include data='blog' name='all-head-content'/)

      e adicionem após (/head)
      (link href='imagemformato.ico' rel='shortcut icon'/)
      (link href='imagem.png' rel='shortcut icon'/)

      * troquem os parenteses pelos sinais de maior e menor
      dica onde arrumar a imagem, visitem o google imagem, ferramentas de pesquisa, qualquer tamanho e utilizem tamanho 32 x 32
      basta fazer pesquisa por uma imagem png e por outra . ico
      exemplo
      bola *.ico e bola *.png

      parabéns pelo site brother
      www.saldanhafotos.com

      Excluir

Aviso

Estou reorganizando o blog e algumas coisas podem estar fora de lugar. Os comentários antigos já foram transferidos para o sistema do Disqus.