terça-feira, agosto 30

Como colocar favicon no Blog

Favicons são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que ficam guardados em um site para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.

Os favicons também tem teor de acessibilidade pois ajudam um usuário comum 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.Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.
Fonte: http://pt.wikipedia.org/wiki/Favicon

Para começar, basta criar uma imagem no tamanho 16x16 px e hospedar na web (ImageShack, PhotoBucket, TinyPic e etc). Você também pode optar por sites especializados na criação e distribuição de favicons (Exemplo: favicon.cc, Free Online Image Editor).

Agora, vamos entrar no html do template e procurar por :
]]></b:skin>
Logo abaixo, iremos colar o seguinte código:
<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>
Agora substituimos http://sua_imagem.png pela url do favicon.
Visualize o template, e se tudo estiver ok é só salvar.

1 Comentário:

Robô disse...

funcionaaaaaaaaaaaaaaaaaaaaaaaaaaaa!

Postar um comentário

"Acesse a sua conta Google para poder comentar. Clique aqui para ler nossos Termos de Uso."






ARQUIVOS DO BLOG

  © InfoWeb - Todos os Direitos Reservados 2010 - 2012 - Template InfoWeb.

Voltar ao Topo do Blogger