Como Fazer Um Favicon Para O Seu Blog

Favicons (palavra derivada de favorite (favorito) e icon (ícone) são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que aparecem para visualização na barra do navegador. Navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons aparecem nas abas e na barra de endereço.

Os favicons ajudam a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam, ou simplesmente as iniciais ou figura do site/blog.

Na figura abaixo veja onde o favicon aparece no navegador.

Em alguns navegadores Internet Explorer anteriores a versão 6, o favicon só será exibido quando o site é adicionado aos favoritos, nestes casos, a imagem apenas será vista no menu correspondente aos favoritos.

Como criar e adicionar um favicon no seu Blogger:

Como criar:

Acesse um desses editores de ícones/favicon online e crie o seu e baixe para o seu computador.

http://www.favicon.cc/

http://www.favicontool.com/ (Fiz o meu favicon neste site)

http://www.256pixels.com/

http://www.antifavicon.com/

http://www.faviconfactory.com/

http://www.html-kit.com/favicon/

http://shaheeilyas.com/favicon/

http://www.degraeve.com/favicon/

http://www.favicon.ru/en

Como adicionar:

Pegue a imagem que você criou e baixou para o seu computador num desses sites acima e faça o upload dela para algum website, por exemplo o Google Pages, ou ImageShack.
Faça logon no Blogger, e clique em “Editar HTML”
Procure a tag <head>, e insira esses dois códigos abaixo, logo após a tag <head>

Pegue o link da imagem do favicon que você criou e hospedou no Google Pages ou ImageShack e coloque na parte em negrito dos 2 códigos acima.
Visualize e Salve o Modelo. Pronto.

Bookmark este post: