Como adicionar um Favicon no Blogger

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


0 comentários:

Postar um comentário

Globo Mais - O maior portal hightech ao alcance de seu click

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes