Como colocar um icon que identifique o seu blog nos favoritos.

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