ir para o texto | ir para menu lateral

André Felipe.net

André Felipe

Ícones junto com endereço no Blogger

Publicado por André Felipe em 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

Visite a lista de dicas de Blogger para ver mais páginas como esta!

Acompanhe textos desta categoria!

Feed da categoria

Compartilhe esta página!

Divulgue e salve o link! Crie um link

Seção de comentários

☆ Kakau4ever ☆ | 23 de abril de 2009 22:27 | Link para o comentário

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

André Felipe | 30 de abril de 2009 10:02 | Link para o comentário

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

Ismael PVT | 16 de maio de 2009 19:04 | Link para o comentário

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.

Juliana | 20 de maio de 2009 00:13 | Link para o comentário

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

André Felipe | 20 de maio de 2009 18:55 | Link para o comentário

Ismael: assim, fico sem jeito! :D

Ismael PVT | 20 de maio de 2009 19:41 | Link para o comentário

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

André Felipe | 24 de maio de 2009 15:03 | Link para o comentário

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

Ismael PVT | 24 de maio de 2009 15:42 | Link para o comentário

É, 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?

André Felipe | 24 de maio de 2009 16:00 | Link para o comentário

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.

Ismael PVT | 25 de maio de 2009 08:20 | Link para o comentário

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

Alvaro de Lastro | 21 de junho de 2009 00:49 | Link para o comentário

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

André Felipe | 25 de junho de 2009 17:26 | Link para o comentário

Alvaro, viu o post original?

[S]YSTEM | 26 de junho de 2009 20:52 | Link para o comentário

num deu certo tbm!

=(

André Felipe | 27 de junho de 2009 13:08 | Link para o comentário

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

Rafael Lopes | 3 de julho de 2009 21:27 | Link para o comentário

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

André Felipe | 4 de julho de 2009 01:56 | Link para o comentário

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.

Ismael PVT | 4 de julho de 2009 07:39 | Link para o comentário

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

André Felipe | 4 de julho de 2009 15:49 | Link para o comentário

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

Ismael PVT | 4 de julho de 2009 16:22 | Link para o comentário

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.

André Felipe | 4 de julho de 2009 17:27 | Link para o comentário

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

Cosati | 8 de julho de 2009 02:50 | Link para o comentário

muito obrigado...
ajudou muito

Roger e cia | 8 de julho de 2009 04:00 | Link para o comentário

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

da help ai por favor...

André Felipe | 9 de julho de 2009 00:31 | Link para o comentário

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

Anônimo | 12 de agosto de 2009 13:06 | Link para o comentário

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

Robson | 12 de agosto de 2009 14:47 | Link para o comentário

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"

Robson | 12 de agosto de 2009 14:57 | Link para o comentário

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.

André Felipe | 12 de agosto de 2009 17:05 | Link para o comentário

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.

Robson | 14 de agosto de 2009 12:55 | Link para o comentário

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!

André Felipe | 14 de agosto de 2009 17:18 | Link para o comentário

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.

allex | 19 de agosto de 2009 11:26 | Link para o comentário

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á

André Felipe | 22 de agosto de 2009 20:43 | Link para o comentário

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

Bruna ♥ | 23 de agosto de 2009 18:32 | Link para o comentário

André Felipe

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

=*

Bruna :)

William E AmiGos! | 1 de setembro de 2009 00:45 | Link para o comentário

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,

Profª Márcia | 14 de setembro de 2009 00:14 | Link para o comentário

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

Diego Reigoto | 16 de setembro de 2009 10:12 | Link para o comentário

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

Muito obrigado!

Wilson Barros | 16 de setembro de 2009 17:00 | Link para o comentário

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

André Felipe | 16 de setembro de 2009 22:31 | Link para o comentário

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

Diego Francisco | 21 de setembro de 2009 03:59 | Link para o comentário

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.

André Felipe | 22 de setembro de 2009 23:28 | Link para o comentário

Diego, que dúvidas gostaria de tirar?

Especialista | 3 de outubro de 2009 13:45 | Link para o comentário

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

Abraço

Luucas | 16 de outubro de 2009 20:27 | Link para o comentário

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

Luucas | 16 de outubro de 2009 20:30 | Link para o comentário

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

Nicolas | 5 de dezembro de 2009 10:17 | Link para o comentário

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.

Robson | 4 de janeiro de 2010 16:41 | Link para o comentário

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

Fabiano | 23 de janeiro de 2010 14:44 | Link para o comentário

Valeu pela dica!!

hgo | 12 de fevereiro de 2010 01:19 | Link para o comentário

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

Raul Mesquita | 14 de fevereiro de 2010 06:10 | Link para o comentário

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!

Thiago Manzolli. ® | 21 de fevereiro de 2010 13:09 | Link para o comentário

Não consegui tbm kra!

André Felipe | 6 de março de 2010 22:27 | Link para o comentário

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.

©André Felipe.

Uso uma adaptação pessoal do VectorLover, um design de styleshout.

O ícone Desenho de uma flecha indica páginas externas.