Favicon no novo Blogger

Ficou mais fácil ter um favicon no Blogger.  Primeiro, crie uma imagem quadrada de uns 4cm X 4cm, que pode ser no Paint do Windows.

Agora vamos transformá-la em uma imagem de 16 X 16 pixels em formato .icon.  Para tanto, entre no site IconJ.

Acompanhe a explicação nas imagens abaixo.

1°  Clique em "Pic To Icon Converter" 

2° Clique em "Upload" e carregue a sua imagem.

3°  Clique em "Continue".

4°  Clique em "Click here to download the icon".

5°  Aparecendo a sua imagem já no formato icon, salve-a no seu computador.

6°  No Blogger, vá em "Layout", na caixinha "Favicon", clique em "Editar". 

7°  Na janela que abriu, carregue a imagem em formato icon que você salvou no seu computador.  Em seguida, clique em "Salvar".

Lembre-se que quase nada que tenha a marca Google não funciona no Internet Explorer.  Não ligue pra isto.  Atualmente este browser está em terceiro lugar, atrás do Chrome e do Firefox.

Favicon no Blogspot

Vamos aprender a criar um Favicon ( pequeno ícone de 16 X 16 pixels que fica na barra de endereço do seu browser).  No Blogger é aquele B de cor branca dentro de um fundo cor laranja.

Em primeiro lugar, vá até o Paint e crie uma imagem de 128 X 128 pixels.  Esta imagem pode ser as letras iniciais do título do seu Blogspot ou um desenho.  Lembre-se que ela terá ao final 16 x 16 pixels.  É muito pequena.  Tem que ser algo que será visível neste tamanho.

Vá ao site http://www.iconj.com/ e clique em Pic To Icon Converter.  Na próxima página clique em Upload.  Clique na imagem que você criou no Paint, aguarde carregar e na página que se abriu, não altere nada e clique em Continue.  Na próxima página clique em "Click here to download the icon".

Abra o arquivo e salve a "imagem como".   No próximo passo, clique na Home do site e em seguida em "browse".  Uma pequena janela que fica a direita e acima.  Escolha a sua imagem já reduzida que você arquivou e em seguida em "Upload Now".

Vai abrir uma nova página que você irá copiar o segundo código.

Para adiconá-lo ao seu Blogspot, clique em "Layout", "Editar Html", Ctrl + F no seu teclado, na caixinha que se abriu, cole ]]></b:skin>  .Ele aparecerá no corpo do HTML do seu Blogspot. Abaixo desta linha, cole o código do ícone, visualize para ter certeza de que deu certo e em seguida salve o modelo.