Mostrando postagens com marcador Favicon no Blogspot. Mostrar todas as postagens
Mostrando postagens com marcador Favicon no Blogspot. Mostrar todas as postagens

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.
Related Posts Plugin for WordPress, Blogger...