 |
Aprenda a adicionar um favicon em seu blog criado no Blogger
O Favicon.ico é um pequeno ícone que permite customizar seu site ou blog, com uma imagem que o represente. Ele aparece na barra de endereços, nas abas dos navegadores e nos favoritos, como pode ser visto aqui no CriarSites.com
Trata-se de uma imagem quadrada, como nome favicon.ico, com o tamanho de 16×16 ou 32×32 pixels, com a extensão .ico, que deve ser publicado em um servidor apropriado (de preferência na pasta raiz do próprio servidor do site) e ter um pequeno código inserido na página de forma que o navegador identifique e exiba o favicon. Confira o resultado abaixo.
Como criar seu favicon
Você pode criar o seu favicon utilizando um editor de imagens de sua preferência ou utilizar um dos diversos serviços de criação de favicons disponíveis pela internet.
Na minha opinião, os melhores serviços são o IconJ que permite que você cria o favicon a partir de uma imagem e o Favicon.cc que permite que você gere o favicon desenhando sobre a tela.
Como publicar seu favicon no Blogger
Você pode utilizar o próprio editor de posts do Blogger para publicar seu favicon.ico. Após publicar a imagem, você deve pegar o endereço da imagem, clicando na aba “Editar HTML”.
O trecho em azul da imagem abaixo, mostra o endereço da imagem que eu publiquei para servir como exemplo para este artigo.
Como inserir o favicon.ico no Blogger
Acesse o painel de controle do seu blog e clique na aba “Layout” e em “Editar HTML” como mostra a imagem abaixo.
Você terá acesso ao código que compõe o seu atual template. Nele você deve encontrar as tags e e adicionar o seguinte código entre elas:
O resultado deve ser mais ou menos assim:
Clique na imagem para ampliar
Feito isso o favicon já estará funcionando em seu blog, no entanto, devido aos arquivos temporários do próprio navegador, pode ser que você não o veja até que limpe estes arquivos.
Outra solução seria utilizar outro navegador como o Firefox para verificar a presença do favicon.
Gostou deste artigo? Tem mais dúvidas sobre o Blogger? Deixe um comentário.
{ 8 comments… read them below or add one }
Ótimo artigo, não sabia que o Blogger permitia colocar Favicon, valew pela dica.
Excelente essa dica!
OBRIGADO!!
A também a opção de adicionar gifts ,mais não sei ao certo como faz
Vc pode hospedar a imagem .gif no imageshack( http://imageshack.us/ ) e copiar o link-> acesse o blog->inserir imagem-> e cola o link.
Mais uma excelente dica, vou adicionar um no meu blog
Excelente,não tinha pensado nisso eu geralmente entrava no picasa e fazia upload e depois pegava o link da imagem e fazia isso!rs
Abraço!
Boa dica.
Quando coloquei no meu, a algum tempo, só deu certo inserindo o comando no final do head, antes de .