Favicon no blogger

15
F AVICON NO BLOGGER Design Elementos da Página

description

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

Transcript of Favicon no blogger

Page 1: Favicon no blogger

FAVICON NO BLOGGER

Design

Elementos da Página

Page 2: Favicon no blogger

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

Page 3: Favicon no blogger

ONDE ADICIONAR ESTA FUNCIONALIDADE NO

BLOGGER

Vá a Painel – Separador Design- Elementos

Página- Favicon

Page 4: Favicon no blogger

NO BLOGGER

Selecione “Escolher ficheiro”

Nota: o tamanho da imagem tem de ser inferior a 100 kb

Page 5: Favicon no blogger

NO BLOGGER

Selecione a imagem ou o faviconque pretende usar e clique em “Abrir”.

Page 6: Favicon no blogger

NO BLOGGER

Clique em

“Guardar”

e o seu

favicon

ficará

visível.

Page 7: Favicon no blogger

ONDE PODE CRIAR O SEU FAVICON

http://www.favicon.cc/

Ou

Num programa de imagem

Page 8: Favicon no blogger

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

Page 9: Favicon no blogger

EM FAVICON (CONTINUAÇÃO)

Por fim

clique em

upload e o

favicon irá

carregar e

converter a

imagem.

Page 10: Favicon no blogger

EM FAVICON (CONTINUAÇÃO)

Este é o

resultado

uma

imagem

pixelizada

que pode

editar em

color

picker.

Page 11: Favicon no blogger

EM FAVICON (CONTINUAÇÃO)

Pode também

editar o título e

colocar tags

(etiquetas) no seu

favicon

Page 12: Favicon no blogger

EM FAVICON (CONTINUAÇÃO)

Pode pre-

visualizar, publicá-lo

sobre uma licença

aberta.

Fazer o download do

seu favicon para o

seu computador.

Page 13: Favicon no blogger

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

Page 14: Favicon no blogger

NUM PROGRAMA DE IMAGEM

Crie uma imagem quadrada com menos de 100k

Page 15: Favicon no blogger