Inserindo Favicon no Blogger


Imagem de Alexas_Fotos por Pixabay

Inserindo Favicon no Blogger

Nível: Iniciante
Atualizado: 10/07/2022

      Favicons (palavra derivada do Inglês favorite (favorito) e icon (ícone)) são pequenas imagens no formato *ICO e/ou PNG com cerca de 16x16 pixels que ficam guardadas em um site para visualização pelo navegador.

      Você gostaria que a imagem ou logo do seu blogue ou site apareça na barra de endereços do navegador como um favicon?! Então siga os seguintes passos abaixo:
 
Passo a Passo
  • Crie imagens com 16X16 pxls em programas como Adobe PhotoShop, Canvas;
*Atualização [10/07/2022]: Insira a sua imagem favicon seguindo no Blogger o caminho Configurações básicas > Favicon > Excluir arquivo anterior > Procurar > Escolher arquivo > Salvar. (Fazer upload de favicon personalizado. Selecione um arquivo favicon. Utilize uma imagem quadrada que tenha menos de 100 KB.)
  • Hospede estas imagens em sites como Imgur, ImageShack, flickr;
  • Copie o link da imagem que é fornecido pelo site;
  • Cole o link em URL_DA_IMAGEM_PNG  se for uma imagem com extensão PNG ou em URL_DA_IMAGEM_ICO se for uma imagem com extensão ICO;
  • Copie e cole o código modificado abaixo logo após ]]></b:skin> no Blogger;
  • Salve o modelo e verifique as alterações nos navegadores.
<link href='URL_DA_IMAGEM_ICO' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='apple-touch-icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon' type='image/x-icon'/>

Comentários

  1. Muito Obrigado por sua postagem, já tinha tentado inserir um favicon em meu blog, mas sem sucesso.
    Excelente orientação. Abraço!

    ResponderExcluir
Seja Bem-Vindo(a) para compartilhar suas ideias conosco nos comentários! ; )

Arquivo

Contato

Enviar