SlideShare uma empresa Scribd logo
FAVICON NO BLOGGER
Design
Elementos da Página
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
ONDE ADICIONAR ESTA FUNCIONALIDADE NO
BLOGGER

   Vá a Painel – Separador Design- Elementos
    Página- Favicon

                                                1º

                        2º
         3º

                             4º
NO BLOGGER
 Selecione
 “Escolher
 ficheiro”

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

 Selecione
 a imagem
 ou o
 favicon
 que
 pretende
 usar e
 clique em
 “Abrir”.
NO BLOGGER
 Clique  em
 “Guardar”
 e o seu
 favicon
 ficará
 visível.
ONDE PODE CRIAR O SEU FAVICON



           http://www.favicon.cc/
                     Ou
         Num programa de imagem
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
EM FAVICON (CONTINUAÇÃO)

   Por fim
    clique em
    upload e o
    favicon irá
    carregar e
    converter a
    imagem.
EM FAVICON (CONTINUAÇÃO)
   Este é o
    resultado
    uma
    imagem
    pixelizada
    que pode
    editar em
    color
    picker.
EM FAVICON (CONTINUAÇÃO)
   Pode também
    editar o título e
    colocar tags
    (etiquetas) no seu
    favicon
EM FAVICON (CONTINUAÇÃO)

   Pode pre-
    visualizar, publicá-lo
    sobre uma licença
    aberta.

   Fazer o download do
    seu favicon para o
    seu computador.
   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
NUM PROGRAMA DE IMAGEM
 Crie   uma imagem quadrada com menos de 100k
Favicon no blogger

Mais conteúdo relacionado

PDF
Guia para ativar sua loja ou site grátis no facebook
DOC
Tabla karem
PPTX
russian november word of the day
PPTX
Adoption video
PPT
Dinar pasatapas
DOC
Script For Final Product
PDF
Page 2
PDF
Clipping cnc 09102014 versao de impressao
Guia para ativar sua loja ou site grátis no facebook
Tabla karem
russian november word of the day
Adoption video
Dinar pasatapas
Script For Final Product
Page 2
Clipping cnc 09102014 versao de impressao

Destaque (18)

PDF
Layout3
PPT
Feliznavidad
DOCX
Factores que inciden_segun_el_discurso_matematico_escolar[1]
DOC
PDF
Certificado Feedback
PDF
PDF
Clipping cnc 26082014 versao de impressao
PDF
Circuito de lápiz óptico ir
PDF
MENÚ Nº 1 LOLITA RESTAURANTE
PDF
Clipping cnc 08082014 versao de impressao
DOC
La granja yahaira rojas campos (plan)
PDF
027
DOC
Googledoc
PDF
Cecafé resumo das exportações de café fevereiro 2015
PDF
Clipping cnc 25092015 versão de impressão
Layout3
Feliznavidad
Factores que inciden_segun_el_discurso_matematico_escolar[1]
Certificado Feedback
Clipping cnc 26082014 versao de impressao
Circuito de lápiz óptico ir
MENÚ Nº 1 LOLITA RESTAURANTE
Clipping cnc 08082014 versao de impressao
La granja yahaira rojas campos (plan)
027
Googledoc
Cecafé resumo das exportações de café fevereiro 2015
Clipping cnc 25092015 versão de impressão
Anúncio

Mais de Anabela Protásio (20)

PPTX
Storybird - iniciar
PPTX
Aprender divertido módulo1
DOC
Manual Paint V98XP
PDF
Ferramentas da web ao serviço da formação
PDF
Ferramentas web ao serviço da formação 28 05
PDF
Guia basico -blogger-interface_atualizado
PDF
Guia básico wix
PPTX
Potencialidades_Slideshare 2
PDF
Guia básico do slideshare
PPTX
Slideshare integração com o facebook, linkedIn e blogs
PDF
Posterweb2
DOC
Icem siie poster-web2 zero_convertido
PDF
Gestão tempo
DOCX
Uiips artigo ferramentas_ web_ ao_ serviço_ da_formação
PPTX
Ferramentas web ao serviço da formação final
PPTX
Slide share
PPTX
Slideshare
PPTX
Web2.Zero na educação
PPTX
@gendatejo
Storybird - iniciar
Aprender divertido módulo1
Manual Paint V98XP
Ferramentas da web ao serviço da formação
Ferramentas web ao serviço da formação 28 05
Guia basico -blogger-interface_atualizado
Guia básico wix
Potencialidades_Slideshare 2
Guia básico do slideshare
Slideshare integração com o facebook, linkedIn e blogs
Posterweb2
Icem siie poster-web2 zero_convertido
Gestão tempo
Uiips artigo ferramentas_ web_ ao_ serviço_ da_formação
Ferramentas web ao serviço da formação final
Slide share
Slideshare
Web2.Zero na educação
@gendatejo
Anúncio

Último (20)

PPTX
Concordância Nominal e Verbal e atividade
PPSX
1. A Cultura da Ágora - HistóriaCArtes.ppsx
PDF
DECISÃO (2).pdf Derrota histórica do Sintero expõe racha interno e fragilidad...
PPTX
4. A cultura do cinema e as vanguardas.pptx
PPTX
Treinamento de Espaço Confinado_Trabalhadores e Vigias NR 33.pptx
PPTX
1. A Cultura do Palco - muitos palcos, um espetáculo.pptx
PDF
Caderno do Futuro 1º Ano CIÊNCIAS Aluno.pdf
PPTX
2. A Cultura do Salão - o fim das trevas.pptx
PDF
01-slide-especialidade-mensageira-de-deus.pdf
PPT
AS VANGUARDAS EUROPEIAS NA LITERATURA E N
PPSX
4. A Cultura da Catedral - HistóriaCArtes .ppsx
PPTX
NR 5 Treinamento completo gestão CIPA.pptx
PPTX
125519 - Aula 2 - Riqueza e diversidade povos indígenas na América Portuguesa...
PDF
Reino Monera - Biologiaensinomediofun.pdf
PPTX
São João Eudes, 1601 – 1680, padre e fondador, Francés.pptx
PDF
EXPRESSÕES IDIOMÁTICAS - LÍNGUA PORTUGUESA
PDF
Historia-da-Psicologia-Rumos-e-percursos.pdf
PPT
1ª Telefonia Fixa Padrao Novo Jailton 2012_22.ppt
PPTX
SEGURANÇA, MEIO AMBIENTE E SAÚDE Aula 1.pptx
PDF
APOSTILA PARA FORMAÇÃO E RECICLAGEM DE VIGILANTES.pdf
Concordância Nominal e Verbal e atividade
1. A Cultura da Ágora - HistóriaCArtes.ppsx
DECISÃO (2).pdf Derrota histórica do Sintero expõe racha interno e fragilidad...
4. A cultura do cinema e as vanguardas.pptx
Treinamento de Espaço Confinado_Trabalhadores e Vigias NR 33.pptx
1. A Cultura do Palco - muitos palcos, um espetáculo.pptx
Caderno do Futuro 1º Ano CIÊNCIAS Aluno.pdf
2. A Cultura do Salão - o fim das trevas.pptx
01-slide-especialidade-mensageira-de-deus.pdf
AS VANGUARDAS EUROPEIAS NA LITERATURA E N
4. A Cultura da Catedral - HistóriaCArtes .ppsx
NR 5 Treinamento completo gestão CIPA.pptx
125519 - Aula 2 - Riqueza e diversidade povos indígenas na América Portuguesa...
Reino Monera - Biologiaensinomediofun.pdf
São João Eudes, 1601 – 1680, padre e fondador, Francés.pptx
EXPRESSÕES IDIOMÁTICAS - LÍNGUA PORTUGUESA
Historia-da-Psicologia-Rumos-e-percursos.pdf
1ª Telefonia Fixa Padrao Novo Jailton 2012_22.ppt
SEGURANÇA, MEIO AMBIENTE E SAÚDE Aula 1.pptx
APOSTILA PARA FORMAÇÃO E RECICLAGEM DE VIGILANTES.pdf

Favicon no blogger

  • 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