Como adicionar/alterar o Favicon no Blogger?

O que é Favicon?

Ao usar o Google Chrome, Microsoft Edge, o Firefox ou o Opera, você verá um ícone na aba da página. Isso é chamado de favicon. Favicon é um pequeno ícone/imagem (geralmente com tamanho de 16 pixels por 16 pixels) mostrado ao lado do URL do site na barra de endereços. No Blogger, por padrão, um ícone da plataforma colorido de cor laranja é mostrado como favicon, o que parece feio e comum porque muitos dos blogs do Blogger aparecem com esse ícone.



Ter seu próprio ícone favicon exclusivo combinando com o template ou logotipo deixa seu blog mais bonito e é uma boa maneira de atrair a atenção dos visitantes, além de destacar a aba com seu blog em meio às demais abas.

Adicionar/alterar Favicon no Blogger

1. No Painel do Blogger clique em Layout:



2. Agora procure o botão Editar do Favicon. Geralmente fica no canto superior esquerdo:


3. Na janela que abrir clique em Escolher arquivo:

4. Selecione a imagem ou ícone que será usado como favicon e clique em abrir:

5. Clique em Salvar:



6. Pronto. Agora você poderá ver que o Favicon foi atualizado com a ícone de sua preferencia. Atualize a página do seu blog e o favicon personalizado vai aparecer na aba do navegador:


7. Para alterar o ícone clique novamente em Editar, em Excluir e depois em Escolher arquivo e escolha uma nova imagem:



Outra maneira de mudar o Favicon no Blogger

Esta é outra maneira simples de mudar o favicon do seu blog.

1. Vá no Painel do Blogger > Tema > Editar HTML

2.
Pesquisa pelo seguinte trecho de código: <title><data:blog.pageTitle/></title>
3. E após código adicionar o seguinte: <link rel="shortcut icon" href="LINK DO FAVICON"/> e salve.

Lembre-se de substituir LINK DO FAVICON com o endereço URL do seu arquivo de ícone.
O novo favicon deve começar a aparecer atualizado após poucos minutos.

Se você seguiu todos os passos corretamente mas o favicon ainda não atualizou isso é um problema com seu navegador. Certifique-se de limpar todo o histórico e conferir novamente. Ou você pode "forçar" uma atualização do favicon do seu blog no histórico do navegador.

1. Na barra de endereço, digite http://[URL do seu blog]/favicon.ico e pressione Enter.
2. Atualize a página.
3. Volte para o seu blog e verifique. Após isso já deve está aparecendo normalmente.


Comentários