Como Colocar Favicon no Blogger

Agora trocar o favicon (imagem na barra de endereço) ficou bem mais simples no blogger. Por enquanto só está disponível no blogger in draft, mas certamente estará na versão padrão do blogger também. Mas você pode utilizar essa novidade do blogger agora mesmo e trocar a imagem do blogger que aparece ao lado do endereço do seu blog no navegador. Você só precisa ter uma imagem no formato ícone preferencialmente no tamanho 16x16 pixels.


O primeiro passo é ter a imagem para usar como ícone na barra de endereço, você pode usar um programa para editar imagens e criar uma imagem quadrada no tamanho 16x16px, sabemos que é pequena, mas não adianta criar maior porque a imagem será reduzida para caber na barra de endereços. Veja algumas opções para criar e editar imagens:
Enquete sobre qual o melhor Editor de Imagens Grátis
Pixlr - Editor de Imagens, Fotos e Banners Online
Splahup - Editor de Fotos e Imagens Online Grátis

Ou você pode achar um icone pronto para download no site http://findicons.com.

Caso o programa que usar não salvar no formato .ico você pode converter a imagem usando o site Free FavIcon que já falamos em outro tutorial:Converter imagem jpg ou gif em ícone (.ico) Então e só converter e salvar a imagem.

Depois entre no blogger in draft (http://draft.blogger.com) vá até design e veja que tem uma imagem do favicon junto com os outros elementos da pagina, basta clicar nele e enviar o ícone que acabou de converter e já está pronto. Certamente ficou muito mais fácil trocar o favicon agora diretamente pela pagina do blogger sem precisar se preocupar com hospedagem e códigos.

Colocar Favicon no Blogger
Outra coisa nova no blogger foram as Paginas Dinâmicas no Blog, então esperemos que essas sejam somente as primeiras novidades do blogger para esse ano, afinal devem vir outras mudanças (melhorias) em breve.

64 comentários:

  1. como disse hoje de manhã!
    agora tem como colocar favicon
    direto do blogger

    ResponderExcluir
  2. quando li seu comentário estava preparando esse post para falar sobre o favicon ...

    sem duvida agora ficou muito mais fácil trocar o favicon

    ResponderExcluir
  3. Ainda bem, o blogger sempre melhorando a personalização, nota 100 para o blogger, só falta poder retirar aquela a navibar pelo próprio blogger.
    Boa noticia Fabiano, valeu.

    Felipe Argôlo.

    ResponderExcluir
  4. Coloquei a imagem em dois blogs às 8 da manhã. Em um deles, ela apareceu 4 horas depois. No outro, não apareceu até agora, 8 horas depois. Novidades são bem vindas, mas precisam funcionar, não é? rsrs Já basta o novo painel, que não tem como editar HTML, é preciso ficar agora fazendo "gambiarra".

    ResponderExcluir
  5. Fabiano vim te trazer uma novidade(pelo menos para mi), eu observei que no blogger draft, tem a opção classificação de estrelas, não sei se você já sabia..
    Tô com um probleminha também, não consigo fazer nenhum modificação nessa área, mas isso só ocorre com esse blog que assino o comentário, com outros que tenho, esta normal, tem ideia do que possa ser.
    Valew, Felipe Argôlo

    ResponderExcluir
  6. Fabiano em primeiro lugar gostaria de parabeniza-lo pelo ótimo trabalho mais a minha dúvida é se você sabe como escrever "publicidade" verticalmente ao lado de anuncios de banners do tipo 728x90 no Gadgets

    ResponderExcluir
  7. acho que escrever na vertical só com imagens...

    ResponderExcluir
  8. No meu Blog não aparece FAVICON o que posso fazer?

    ResponderExcluir
  9. Obrigada Fabiano suas dicas são sempre oportunas.

    ResponderExcluir
  10. Olá Fabiano !!

    Coloquei minha imagem .ico, mas já faz um dia e continua aparecendo aquele "mundinho"...
    Vou aguardar ;) Mas achei ótima a nova ferramenta !!

    Um abração

    ResponderExcluir
  11. Oi Fabiano, bom dia!
    Meu irmão formatou o meu pc ontem e quando fui entrar no meu blog (ddveneno.blogspot.com)pelo internet explorer, só aparece o cabeçalho. Você tem idéia do que aconteceu? O que posso fazer? No firefox o blog abre por inteiro, normalmente.
    Abração e obrigada!
    Denise.
    P.S.: tendo dificuldades pra postar comentário aqui com meu login. Vou ter que aparecer como anônima : (

    ResponderExcluir
  12. se já tinha colocado algum código de favicon no seu blog é bom retirar antes de usar a opção do blogger, talvez seja esse o problema da maioria das pessoas

    ResponderExcluir
  13. mas precisa de imagen tipo ICO não tem problema porque tem um programa do sibcode que faz converter a imagen pra arquivo tipo ICO olha o nome do programa sib icon converter só baixa no site sib code muito facil né kkkkkkkkk

    ResponderExcluir
  14. Fabiano eu estava usando um favicon
    ai eu tirei ele do meu templante
    e ai quando fui colocar esse novo não funciou!

    ResponderExcluir
  15. celio
    baixar um programa para converter imagens tb pode ser uma boa idéia... isso vai depender do que cada um acha mais fácil

    ResponderExcluir
  16. hé uma otima ideia mesmo pq só pode imagen tipo ico

    ResponderExcluir
  17. Descobri isso hoje, hehe...
    Para criar um ícone em .ico, eu uso o PhotoFiltre.
    Eu ainda prefiro usar o código em vez do próprio Blogger, por que tenho medo de não ser compatível com outros navegadores...

    ResponderExcluir
  18. Realmente é muito importante a colocação do favicon em nosso blog. Muito legal esta postagem. Parabéns!

    A Internet brasileira precisa muito de conteúdos interessantes, divertidos e positivos como estes que você está criando.

    Convido você a conhecer também o novo agregador Super Links: http://www.superlinks.blog.br

    Confira o melhor conteúdo da Internet, aproveite para divulgar seus links sem a necessidade de cadastro e aumente exponencialmente as visitas de seu site.

    ResponderExcluir
  19. na meu nao aprece, pra mudar o favicon. que dó.

    ResponderExcluir
  20. Oii, ja coloquei o favicon no meu blog mais ele não aparece, ele carrega tudo direitinho, eu salvo mais ele não fik la no navegador, alguém pode me ajudar. Agradeço!

    ResponderExcluir
  21. aperte o botão f5 para atualizar a pagina, as vezes seu computador está usando o histórico de internet por isso não aparece

    ResponderExcluir
  22. Como posso fazer para que na aba de meu blog passe a ser estilo um letreiro onde fica em movimento? (há abas quais ficam o título do blog em movimento)
    Vocês podem me ajudar?

    ResponderExcluir
  23. Ou cara no meu não apareceu ainda já atualizei e tudo mais, mas ainda está o ícone do blogger.

    ResponderExcluir
  24. Gustavo Henrique
    antes de tentar esse tutorial já tinha colocado outros códigos no seu blog para trocar o favicon? se já precisa retirar pois um pode atrapalhar o outro

    ResponderExcluir
  25. Meu Favicon não apareceu,está o mesmo de antes,o favicon do Blogger,e agora?Eu fiz tudo certo,usei o site recomendado pelo autor deste post,converti para .ico e diminui para 16x16,ai eu salvei,depois cliquei em salvar alterações no indraft,mais nem parece no blogger Original,ou no rascunho.Me ajuda ai Fabiano

    ResponderExcluir
  26. clicou para atualizar a pagina... as vezes seu computador acessa usando o historico de internet e por isso não aparece

    ResponderExcluir
  27. o meu aparece o novo favicon no crohme..mas no internet explorer nao

    ResponderExcluir
  28. já atualizou a pagina... pode ser o historico...

    ResponderExcluir
  29. Olá! Coloquei o favicon conforme indicado mas ele não apareceu. Leva um tempo para ele aparecer?

    PS. nunca tentei colocar outro favicon no blog, e a página está atualizada.

    Obrigada.

    ResponderExcluir
  30. Catarine Melo
    teoricamente quando clica para atualizar a pagina (f5) deveria aparecer na hora... apenas veja se já não tem outros códigos de favicon no seu html

    ResponderExcluir
  31. Oi Fabiano! Deu certo sim!
    É que eu uso o google chrome, e achei que funcionasse com ele também, mas não, então eu tentei pelo explorer e ele está lá sim!
    Obrigada!

    ResponderExcluir
  32. parece que não funciona em todos os navegadores... mas certamente o blogger corrigirá isso em breve, afinal é uma coisa incorporada a própria pagina do blogger....

    certamente eles tem competência para isso .....

    ResponderExcluir
  33. eu fiz tudo certinho que vc mandou, mas ainda continua o logo do blogger, oq faço?
    obrigada!

    ResponderExcluir
  34. Muito boa essa dica.
    Sinceramente eu não sabia que esses textos e imagens com rolagem fixa eram feitos através de CSS.
    Pensava que tinha que usar algum código em JavaScript para isso.
    É muito fácil de fazer e já testei em meu blog e funcionou direitinho.

    ResponderExcluir
  35. A novidade seria legal se funciona-se no meu não mudou nada.Vlw

    ResponderExcluir
  36. as vezes na primeira vez que visualiza a sua pagina não aparece.. pois o computador está usando o historico de internet

    ResponderExcluir
  37. Coloquei o Favicon tem uns 2 dias, e nada dela aparecer na barra de endereços.. aparentemente tudo certo.. mas não aparece.. tem idéia do que pode ter "ou não" acontecido? Bjs!

    ResponderExcluir
  38. Andréia
    acho que o blogger ainda não se adaptou bem com o favicon... por enquanto acho melhor deixar os códigos como faziamos antes
    Colocar Favicon no Blogger - Imagem na Barra de Endereços

    ResponderExcluir
  39. Pessoal,
    Consegui colocar o favicon, ele aparece no navegador, mas não aparece no blogroll, por exemplo.

    Eu tenho uma lista de blogs no meu blog, e quem tem favicon, fica o ícone da pessoa ao lado do blog, mas o meu aparece o B do Blogger...

    Me ajudem!!!!!!!!!

    bjs

    ResponderExcluir
  40. AAAAAAAAAAAAAAh ta
    o q é favicon memo?

    ResponderExcluir
  41. pode demorar uns dias para atualizar na lista de blogs devido ao histórico de internet...

    ResponderExcluir
  42. lucas
    favicon é a imagem que fica na barra de endereço ao lado da url do seu blog

    ResponderExcluir
  43. Olá, eu queria muito que me ajudasse o mais rápido possível...
    Eu fui colocar o Favicon pronto que achei na internet, e quando coloquei para visualizar, começou à aparecer janelas de anúncios não permitidos. Eu voltei para o Layout, exclui o Favicon, mas continuou com o os anúncios não permitidos lá!
    Eu tenho o AdSense já, mas não quero esses anúncios não oficiais lá!
    Você pode me dizer como tirá-los?
    Muito obrigada pela atenção.
    Mahyara Gubani

    ResponderExcluir
  44. Mahyara Gubani
    não deve ter sido o código do favicon... mas o unico jeito é lembrar quais alterações recentes fez e tentar apagar os códigos...

    ResponderExcluir
  45. Agora basta ser qualquer tipo de imagem, qualquer tamanho. O blogger mesmo deixa o favicon no tamanho certo. Único problema que eu 'talvez' encontrei foi: Trocar o favicon pela segunda vez, e o primeiro favicon ainda continuar lá, certamente vai levar mais uns dias para o novo aparecer. Então, não sei se prefiro pelo blogger ou indo na página de html e colocar por lá. Uma dúvida, Fabiano... Em meus outros blogs eu coloquei o favicon por html e tal, mas o icon apareceu com o fundo preto, sendo que eu queria apenas o desenho, sem aquele fundo. Entende? E sim, estava salva como ico. e png. Minha dúvida principal é esta. Queria entender como deixar apenas a imagem sem aquele fundo. Bom, por enquanto é apenas isso. Abraços.

    ResponderExcluir
  46. Arthur Müller.
    não sei pq o fundo do favicon ficou preto... talvez tenha usado uma imagem transparente, mas é estranho...

    salve a imagem sem ter fundo transparente, use a cor branca

    ResponderExcluir
  47. Infelizmente, alguma coisa errada está acontecendo.
    A maior parte dos blogs da plataforma Blogger não está "mostrando" o favicon na barra de endereços.
    O DB também não está.
    O que seria isso?

    ResponderExcluir
  48. colocamos o nosso favicon usando outros códigos e não diretamente pelo blogger

    ResponderExcluir
  49. Não consegui de jeito nenhum mudar o favicon. Nem com o vídeo nem pelo rascunho nem pelo proprio Blog. Eu consegui indo em Blogger-Design-Editar Favicon. Mostra o meu favicon mas, quando acesso o Blog como um navegador comum, não mostra diferença.

    ResponderExcluir
  50. Eu segui todos os passos, mas no meu blog o favicon não apareceu.

    ResponderExcluir
  51. Guilherme
    no tutorial tem outros links com códigos para colocar o favicon no blog... se não der certo pela pagina layout o jeito é usar o html

    ResponderExcluir
  52. Bom esta explicação , referência no fórum do Blogger ;)

    ResponderExcluir
  53. OLá Fabiano.
    Eu fiz tudo direito,salvei,cliquei para visualizar blog,mas o favicon não estava lá,olhe http://loucos-pelo-corinthians.blogspot.com

    ResponderExcluir
  54. Olá!!

    Deu super certo no meu blog, obrigada pela dica!!

    Att,

    Luciana Sousa
    www.saindo-pelomundo.blogspot.com

    ResponderExcluir
  55. O meu icon apareceu só no internet explorer, no google chrome não apareceu (Nele apareceu o icon do blogger).

    ResponderExcluir
  56. tente clicar no botão f5 para atualizar a pagina, talvez o chorme esteja usando o historico de internet

    ResponderExcluir
  57. lol , quero saber se é a mesma coisa com o novo design do blogger.

    ResponderExcluir
  58. mesmo no novo design é possivel colocar diretamente pelo html

    ResponderExcluir
  59. oi eu tentei por ai, mas não consegui

    ResponderExcluir
  60. Olá... muito bom a ferramenta, mas ao colocar o arquivo o sistema dá a seguinte mensagem.
    "Sua imagem não é quadrada" e eu já observei ela está no formato usado 16x16 e não carrega... tens alguma ideia do que pode ter sido... desde já obrigado.

    ResponderExcluir
  61. Wellington Duarte só pode ser um erro do site.

    tente excluir o histórico de internet e tentar novamente se mesmo assim não der certo tente enviar uma imagem um pouco maior (quadrada também) e talvez ele reduza e aceite.

    ResponderExcluir