terça-feira, 30 de agosto de 2011

Como adicionar um Favicon no Blogger

Facebook Favicon

O que é um Favicon?


O Favicon é o icon que aparece na barra de navegação e que se encontra imediatamente antes do endereço, por exemplo, o favicon do Facebook é o "f" dentro do quadradinho azul. A maioria do utilizadores do Blogspot já devem ter reparado que o ícone que aparece nos seus blogs é um ícone do Blogger, tal como o que está apresentado na imagem.

Blogger Favicon

Como Adicionar o Favicon


1) Faz uma imagem para o seu icone no formato JPG ou PNG. Dá preferência ao PNG porque uma imagem neste formato tem um tamanho 4 vezes menor que o JPG. Por exemplo, uma imagem JPG de 10 Kb terá o tamanho de 2,5 Kb no formato PNG. É também necessário que a tua imagem seja apenas 20x20 ou menos, de modo a que o teu blog não demore muito a carregar ao abrir.

2) Faz upload da imagem num serviço de armazenamento grátis como o www.tinypic.com. Após o upload, copia o "Direct Link" tal como aparece na imagem.

tinypic
 

3)Adiciona o código abaixo ao teu template. Para tal, no painel do blogger vai a "Design" e depois carrega em "Editar HTML" tal como aparece nas imagens abaixo.

blogger

blogger html box


4) Agora na caixa onde aparecem os códigos da página html, adiciona o código que forneço em baixo (já com o link da tua imagem) entre as tags "title" e "b:skin".  Se tiver dificuldades em encontrar as tags a que me refiro, carrega em ctrl+f (no mozilla e Chrome) para fazer procurar palavra.


<title><data:blog.pagetitle>
<link href='adiciona aqui o direct link da imagem' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin>
Reacções:
Blog Widget by LinkWithin