Como colocar favicons no blogger

 

Oi pessoal,

Hoje ensinarei como colocar favicons no blogger. Primeiro vamos ver o que são favicons.

Favicons são pequenas imagens que variam de 16x16 ou 32x32 pixels e se encontram na barra do navegador, ao lado do nome do blog, como esse do BM na imagem acima.

* Clique nas imagens para aumentar *

* Sempre que for editar seu layout, mesmo se estiver usando um blog de testes, não esqueça de baixar seu modelo, para evitar perda do seu trabalho *

1. Primeiro crie sua imagem em qualquer editor de imagem. Mas lembre-se: ela deve ter 16x16 ou 32x32 pixels. Aí vai um exemplo no photoshop e no paint. O formato da imagem pode ser .ICO, .GIF OU .PNG.

Paint - Ctrl + E                       Photoshop - Ctrl + N

2. Agora você deverá hospedar sua imagem. Para hospedar as minhas no Picasa do Google. Lembre-se que o Picasa redimensiona as imagens muito grandes, mas como iremos criar imagens pequenas, isso não vai interferir.

3. Depois de hospedar você deve pegar a URL da imagem, pois precisaremos dela para o código. Para isso, clique com o botão direto do mouse sobre a imagem e copie, como na imagem abaixo.

4. Agora vamos ao blogger. Em "Editar HTML" procure (Crtl + F ) por:

5. ABAIXO desta linha insira, de acordo com o formato da sua imagem, e adicione a URL:

       * ICO

       * GIF

       * PNG

6. Visualize, e se estiver tudo ok, salve.

Espero ter ajudado. Qualquer dúvida deixe nos comentários e eu te responderei.

Até a próxima!