![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
As novidades e melhorias do Blogger não param e agora é possível adicionar um Favicon na barra de endereços diretamente pelo painel, sem precisar de códigos. O Favicon é aquele pequeno ícone que aparece junto à URL do seu blog na barra de endereços do navegador (como ilustra a imagem a seguir do meu Favicon). Veja aqui como funciona a novidade.
O Blogger vem avançando e adicionando várias novidades nesse ano de 2011. Algumas delas você já viu aqui.
- Editar imagens do Blogger dentro do Editor de Posts com o Picnik
- Gadget do Blogger “Seguir por e-mail”: Newsletter padrão do Blogger
- Visualização Dinâmica das páginas do Blog
- Modelo padrão do Blogger para celular: Novidade!
Agora é possíel adicionar um ícone do seu blog na barra de endereço dos navegadores, sem precisar dos códigos e gambiarras. A novidade apareceu no painel do Blogger em Rascunho (http://draft.blogger.com) e entrar no menu “Design” ~> “Elementos da página”, como ilustra a imagem abaixo:
Ao clicar em “Editar” você poderá escolher uma imagem de seu gosto, que represente o seu blog, como a sua logo, e usá-la como ícone. Mas preste atenção, pois não é qualquer tipo de imagem.
Na janela que abrir para o upload da imagem, a instrução é que seja um arquivo do tipo “.ICO”. Recomendo que seja também nas dimensões de 16×16 pixels.
Feito isso, é só salvar. O resultado pode demorar um pouco para aparecer.
Aproveite para ver outras novidades do Blogger:
- Nova interface do Blogger já está sendo disponibilizada
- Anunciadas grandes novidades e melhorias para o Blogger (tem até um vídeo com as novidades)
Se você está entre os felizardos que já têm acesso ao novo painel do Blogger, para mudar o Favicon é um pouco diferente, mas é quase igual (rs!). O procedimento é parecido, mas é preciso entrar no Painel e clicar no menu “Layout”. Depois, na área do “Favicon”, clicar no link “Editar”.
Beleza, mais uma novidade. Obrigado Marcos pela dica.
Marcos, no meu blog ainda não consta esta opção?!
Um abraço!
@MaiconMD
Oi! Coloquei faz umas duas horas e até agora não apareceu. Coloquei imagem ico 16X16, como você disse. Demora tanto assim mesmo?
Abraços!
Pois… a mim também ainda não apareceu e já passou hora e meia…
Pode demorar um pouco, mas pode ser que basta atualizar seu navegador esvaziando o cache.
No meu blog também não está disponível esta opção no “elementos de página”.
Como disse acima, precisa acessar o painel do Blogger pelo http://draft.blogger.com
Ops! Que distração. Obrigada!
pra mim nem tem essa ferramenta ainda :S, em que parte de “Elementos da página” essa ferramenta deveria aparecer ou fica localizada?
Precisa acessar o painel do Blogger pelo http://draft.blogger.com/
Fica bem no topo da página de “Elementos da página” como está na imagem acima.
acho que vou migrar pro wordpress….
Não consigo postar, nem acesar meu design e até acessa o blogger tá dificil! só aparece o erro5 503! tá um saco isso
Lucasmon reporte esse erro no forum oficial do blogger.
O Favicon apareceu, mas o erro 503 realmente está chateando. Não consigo fazer backups dos blogs por causa disso.
Não recomendo usar assim, maioria dos navegadores não irá carregar porque alguns não reconheçe o formato ico do favicon, e sim png.
Ao menos o Chrome, FireFox 4 e IE8 e IE9 aceitam o ICO. (Eu acho… rs!)
Todos os navegadores reconhecem ico. Eles são obrigados a reconhecer, alias, pois esse é o formato padrão dos favicons.
Eu deixei o favicon em 16×16, e em .ico e aparece uma mensagem assim :
Não é um tipo de arquivo válido
o que devo fazer ?
Difícil saber o que deu errado assim.
Mas é possível que você não tenha criado um arquivo .ico corretamente.
Marcos Lemos, percebi que alguns usuários estão com dificuldade de colocar esse Favicon pelo painel do blog. Uma sugestão;
Por que você não cria um artigo para colocar o favcon pelo html do blog, dessa forma poderia se mais fácil, isso por que o arquivo “.ico” é muito estranho, o png seria bem melhor aceito pelo navegadores.
Detalhe: Marcos, você criou o seu, se sim, por não aparece no meu navegador, estou usando o Chrome.
Já temos um tutorial sobre como adicionar Favicon diretamente pelo código HTML no Blogger.
Beleza!
Agora eu entendi onde fica esse favicon, eu achava que era ao lado, antes do endereço do site, mais é em cima dhdhhdd
Valeu Marcos!
É possível fazer o upload da imagem 16×16 em png pelo próprio painel do Blogger, sem precisar mexer em HTML. Isso até evita certos erros que aparecem quando usamos o formato “.ico”.
Renan Almeida, aconteceu esse mesmo erro comigo e eu percebi que o erro era o formato .ico, então eu fiz o upload da imagem 16×16 em .png e deu certo.
Para mim hoje são 2 novidades no meu painel do blogger!!!! para alem do faveicon, ja tenho o novo painel!!!
Cara, hoje também tive acesso ao novo painel do Blogger!! E essa Favicon demora heim rsrsr!! Mas vale a pena!! Acho que o Blogger precisa agora melhorar o sistema de comentários (esse do WordPress é fantástico!) Até mais!!
Favicon, que nome mais estranho, eu até estava querendo colocar um icone na barra de endereço, só não sabia que era esse nove estranho. Vou fazer esse Favicon.
Valeu Marcos!
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, 10 horas depois. Bem estranho isso. 🙁
Maria Lúcia, tente esvaziar o cache do seu navegador.
A melhor opção ai com certeza é usar a imagem em formato ICO, já que é o que o Google esta pedindo ai. Pode ser aberta em qualquer browser no Windows principalmente.
Sobre a questão de ter colocado a imagem e não ter aparecido ainda a nova, acontece que não foi atualizado o cache dos arquivos do browser que você esta usando ai, no caso é recomendado limpar o cache e etc, desta forma pode aparecer mais rápido o novo icone.
Porém as vezes mesmo limpando o cache já demora (demora quando mudamos diretamente na pasta da hospedagem ou no link no head, agora imagem um recurso novo que ainda não foi lançado definitivamente pelo Blogger).
Oi, Marcos.
Eu atualizei o favicon em um dos meus blogs, mas está acontecendo a seguinte coisa:
No Chrome ele não aparece, nem esvaziando cache, nem atualizando, nem nada, mas no IE aparece sem problemas. Já o blog que está com o ícone hospedado em outro local e inserido em código html no html do blog somente aparece no Chrome, mas no IE não. Já no Firefox tanto um quanto outro tipo aparece.
Você saberia dizer por que isso está ocorrendo?
Olá Marcos e restante pessoal.
Partilho aqui um facilitador para o problema do Favicon.
Acedam ao endereço:(http://favicon.htmlkit.com/favicon/) e confirmem o quão fácil é construir e adicionar o Favicon ao Blogue, sem este o rejeitar, para além de ser gratuito este pode ser animado.
Espero ter contribuído para a dissolução das dúvidas aqui postadas.
Abraço
Asantix
A questão é que eu não sei fazer uma imagem ico. Como é isso? E no blogger não há qualquer recomendação para que seja uma imagem ico. Apenas pede que seja quadrada. Já enviei uma imagem em jpg, mas não apareceu nada. É possível enviar-me um e-mail me explicando isso. Não entendo necas de pitibiribas. Mas quero colocar a imagem na barra de endereços.
Obrigda.
Bacana, belo artigo!, Adicionar favicon’s ao Blogger é muito bacana, fica com ”cara” de site.