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.

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.

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

64Comentários:

Felipe disse...: como disse hoje de manhã!
agora tem como colocar favicon
direto do blogger; 8 de junho de 2011 15:15
Fabiano Roberto disse...: 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; 8 de junho de 2011 15:42
www.obomdoacupe.com disse...: 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.; 8 de junho de 2011 16:27
Maria Lúcia Marangon disse...: 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".; 8 de junho de 2011 16:47
www.obomdoacupe.com disse...: 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; 8 de junho de 2011 16:52
Anônimo disse...: 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; 8 de junho de 2011 18:03
Fabiano Roberto disse...: acho que escrever na vertical só com imagens...; 8 de junho de 2011 18:14
Gamboa Diamante disse...: No meu Blog não aparece FAVICON o que posso fazer?; 9 de junho de 2011 08:18
lurdineia disse...: Obrigada Fabiano suas dicas são sempre oportunas.; 9 de junho de 2011 10:35
Samanta disse...: 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; 9 de junho de 2011 12:33
Anônimo disse...: 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 : (; 9 de junho de 2011 12:37
Fabiano Roberto disse...: 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; 9 de junho de 2011 13:55
Celio disse...: 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; 10 de junho de 2011 11:17
Felipe disse...: Fabiano eu estava usando um favicon
ai eu tirei ele do meu templante
e ai quando fui colocar esse novo não funciou!; 10 de junho de 2011 12:51
Fabiano Roberto disse...: 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; 10 de junho de 2011 13:54
Celio disse...: hé uma otima ideia mesmo pq só pode imagen tipo ico; 10 de junho de 2011 18:33
Bruno de Lima Pereira Costa disse...: 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...; 11 de junho de 2011 15:58
Super Links disse...: 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.; 13 de junho de 2011 14:30
Aline disse...: na meu nao aprece, pra mudar o favicon. que dó.; 18 de junho de 2011 09:13
Pablo Henrique disse...: 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!; 20 de junho de 2011 17:46
Fabiano Roberto disse...: 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; 20 de junho de 2011 17:49
Láudia de Oliveira disse...: 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?; 21 de junho de 2011 17:32
Fabiano Roberto disse...: Láudia de Oliveira
veja aqui sobre Texto deslizando; 21 de junho de 2011 17:34
Gustavo Henrique disse...: Ou cara no meu não apareceu ainda já atualizei e tudo mais, mas ainda está o ícone do blogger.; 24 de junho de 2011 12:39
Fabiano Roberto disse...: 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; 24 de junho de 2011 16:03
Worcky disse...: 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; 30 de junho de 2011 12:48
Fabiano Roberto disse...: clicou para atualizar a pagina... as vezes seu computador acessa usando o historico de internet e por isso não aparece; 30 de junho de 2011 13:51
Jeanne disse...: o meu aparece o novo favicon no crohme..mas no internet explorer nao; 30 de junho de 2011 16:27
Fabiano Roberto disse...: já atualizou a pagina... pode ser o historico...; 30 de junho de 2011 16:44
Catarine Melo disse...: 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.; 12 de julho de 2011 23:22
Fabiano Roberto disse...: 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; 13 de julho de 2011 15:10
Catarine Melo disse...: 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!; 16 de julho de 2011 00:21
Fabiano Roberto disse...: 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 .....; 16 de julho de 2011 00:30
Caroline Winchester disse...: eu fiz tudo certinho que vc mandou, mas ainda continua o logo do blogger, oq faço?
obrigada!; 17 de julho de 2011 16:54
Daniel disse...: 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.; 18 de julho de 2011 23:42
Faccenter Pires disse...: A novidade seria legal se funciona-se no meu não mudou nada.Vlw; 19 de julho de 2011 19:08
Fabiano Roberto disse...: as vezes na primeira vez que visualiza a sua pagina não aparece.. pois o computador está usando o historico de internet; 20 de julho de 2011 15:08
Andréia disse...: 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!; 20 de julho de 2011 18:20
Fabiano Roberto disse...: 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; 21 de julho de 2011 14:16
Fabi disse...: 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; 27 de julho de 2011 10:18
"Lucas disse...: AAAAAAAAAAAAAAh ta
o q é favicon memo?; 27 de julho de 2011 14:20
Fabiano Roberto disse...: pode demorar uns dias para atualizar na lista de blogs devido ao histórico de internet...; 27 de julho de 2011 14:50
Fabiano Roberto disse...: lucas
favicon é a imagem que fica na barra de endereço ao lado da url do seu blog; 27 de julho de 2011 15:07
Mahyara Gubani disse...: 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; 16 de agosto de 2011 12:57
Fabiano Roberto disse...: 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...; 16 de agosto de 2011 14:36
Arthur Müller. disse...: 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.; 24 de agosto de 2011 10:47
Fabiano Roberto disse...: 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; 24 de agosto de 2011 15:07
Edson F. disse...: 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?; 11 de setembro de 2011 12:00
Fabiano Roberto disse...: colocamos o nosso favicon usando outros códigos e não diretamente pelo blogger; 11 de setembro de 2011 14:25
Jones de Lira disse...: 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.; 13 de outubro de 2011 18:26
Fabiano Roberto disse...: temos outros tutoriais que mostram como alterar o icone com códigos.... Colocar Favicon no Blogger - Imagem na Barra de Endereços; 14 de outubro de 2011 00:11
Guilherme disse...: Eu segui todos os passos, mas no meu blog o favicon não apareceu.; 4 de novembro de 2011 13:53
Fabiano Roberto disse...: 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; 4 de novembro de 2011 14:26
Lucas Dhein disse...: Bom esta explicação , referência no fórum do Blogger ;); 26 de novembro de 2011 12:32
Pedro disse...: 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; 28 de dezembro de 2011 19:07
Fabiano Roberto disse...: @Pedro então tente esse outro tutorial Colocar Favicon no Blogger - Imagem na Barra de Endereços; 29 de dezembro de 2011 00:06
Luciana Sousa disse...: Olá!!

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

Att,

Luciana Sousa
www.saindo-pelomundo.blogspot.com; 13 de janeiro de 2012 21:07
Guilherme Cavalcant disse...: O meu icon apareceu só no internet explorer, no google chrome não apareceu (Nele apareceu o icon do blogger).; 22 de fevereiro de 2012 18:25
Fabiano Roberto disse...: tente clicar no botão f5 para atualizar a pagina, talvez o chorme esteja usando o historico de internet; 23 de fevereiro de 2012 14:20
Anônimo disse...: lol , quero saber se é a mesma coisa com o novo design do blogger.; 27 de fevereiro de 2012 06:44
Fabiano Roberto disse...: mesmo no novo design é possivel colocar diretamente pelo html; 27 de fevereiro de 2012 15:03
Stefanny disse...: oi eu tentei por ai, mas não consegui; 2 de agosto de 2012 17:50
Wellington Duarte disse...: 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.; 19 de agosto de 2012 11:24
Fabiano Roberto disse...: 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.; 19 de agosto de 2012 11:55

Como Colocar Favicon no Blogger

64Comentários:

Postar um comentário