O documento explica o que são favicons, pequenas imagens que representam um site na barra de endereços e abas do navegador. Ele descreve como adicionar um favicon a um blog no Blogger, selecionando uma imagem no painel de design ou criando um favicon no site favicon.cc ou em um programa de edição de imagem.

1. FAVICON NO BLOGGER
Design
Elementos da Página

2. O QUE SÃO FAVICONS
 Favicons (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.
 Os navegadores 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.
 Nos navegadores 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 os utilizadores
comuns a identificar uma página quando ela está exibida numa lista ou numa
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: wikipedia.org

3. ONDE ADICIONAR ESTA FUNCIONALIDADE NO
BLOGGER
 Vá a Painel – Separador Design- Elementos
Página- Favicon
1º
2º
3º
4º

4. NO BLOGGER
 Selecione
“Escolher
ficheiro”
 Nota: o
tamanho
da
imagem
tem de ser
inferior a
100 kb

5. NO BLOGGER
 Selecione
a imagem
ou o
favicon
que
pretende
usar e
clique em
“Abrir”.

6. NO BLOGGER
 Clique em
“Guardar”
e o seu
favicon
ficará
visível.

7. ONDE PODE CRIAR O SEU FAVICON
 http://www.favicon.cc/
Ou
 Num programa de imagem

8. EM FAVICON
 Registe-se no
website
 Importe uma
imagem que
considere que
representa o seu
blog.
 Clique em
escolher ficheiro
do seu
computador e
seleccione uma
imagem

9. EM FAVICON (CONTINUAÇÃO)
 Por fim
clique em
upload e o
favicon irá
carregar e
converter a
imagem.

10. EM FAVICON (CONTINUAÇÃO)
 Este é o
resultado
uma
imagem
pixelizada
que pode
editar em
color
picker.

11. EM FAVICON (CONTINUAÇÃO)
 Pode também
editar o título e
colocar tags
(etiquetas) no seu
favicon

12. EM FAVICON (CONTINUAÇÃO)
 Pode pre-
visualizar, publicá-lo
sobre uma licença
aberta.
 Fazer o download do
seu favicon para o
seu computador.

13.  Depois de criado
pode vê-lo em
My created
favicons, onde
estão diponíveis
o código html, a
possibilidade de
edição e de
download do
favicon

14. NUM PROGRAMA DE IMAGEM
 Crie uma imagem quadrada com menos de 100k