11 março, 2009

Favicon no blogger

Favicon - Palavra derivada de favorite (favorito) e icon (ícone), são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que ficam guardados em um site para visualização pelo navegador.
fonte: Wikipédia

Não são somente imagens no formato .ico que podem se tornar favicons, os navegadores tem se atualizado para suportar diversos tipos de imagens, como png, gif e jpg.

Os favicon também tem teor de acessibilidade pois ajudam o usuário a identificar uma página quando ela está sendo exibida em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.

Ou no caso do blogger um cadeado ou letra B branca(?) num fundo laranja.
No meu caso alterei o favicon padrão para esta parede de tijolos cinza.


Como inserir um favicon no Blogger


Existem dois métodos, o padrão do novo blogger e o método tradicional.

Método padrão do novo Blogger.

Vá até ao painel de blogger >> guia Layout. Será exibido o layout de teu blog e todos teus gadgets, logo acima tem a opção Favicon. Como mostra a imagem.

Na opção Favicon clique em Editar, será exibida esta janela. Escolha o ícone do seu computador e pronto. Falta esperar que o blogger atualize seu ícone para teu blog.


Observação: Demorou cerca de três dias para o blogger atualizar meu icone.

Apareceu corretamente no Firefox, IExplorer e Opera, no Chrome não (?).

Favicon no blogger


Método tradicional
Com método tradicional você pode por um favicon em qualquer website.

você deve inserir o seguinte trecho de código:

<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />


entre das tags:

<head> e </head>

No blogger mais especificamente depois de <head> e antes de <b:skin><![CDATA[/*

O trecho em vermelho deve ser substituído pelo endereço de sua imagem.

O ícone deve estar em formato *.ico ou *.png (não sei se o blogger suporta outros formatos) e recomendamos que você renomeie as imagens como favicon.

Veja o resultado nesta imagem. O navegador utilizado foi o Firefox.

Favicon no blogger

Criando um favicon


Pode-se criar favicons apartir de qualquer aplicativo grafico que suporte o formato ico, caso salve a imagem como icone. Existem tambem diversos site que lhe oferecem diversos modelos de ícones para serem baixados e usados como favicon, outros permitem que você exporte uma imagem em tamanhos e formatos diversos em favicon.

A lista de sites abaixo permite upar a imagem que a transformará em um favicon em formato e tamanhos diversos.
Html-kit
Favicon.cc
Chami.com
256pixels.com

Veja este artigo, ele lista 21 sites que convertem e criam favicons.
Comentários
0 Comentários
Comentar