Favicon, dúvidas e dicas.

Como estou me formando em design via internet, rsrsrrs, estou sempre buscando novidades para nossos bloguinhos. Você já ouviu falar em Favicon

Na linguagem mais simples eu posso dizer que Favicon é a imagem que fica na barra de endereço ao lado do link. Já vi vários blogs que utilizam esse recurso pro seu blog ficar ainda mais cute cute. Eu já havia colocado, mas como só aparecia no Mozilla Firefox e não aparecia no Internet Explorer eu retirei. Mas agora achei um jeito bem fácil de fazer e aparece nos dois navegadores, no Google Chrome não funcionou.

Então vou repassar aqui como colocar mais esse mimo no blog. Primeiro você precisa de uma imagem em formato quadrado e o tamanho deve ser pequena, se for uma imagem muito grande vai ficar borrada. Eu deixo como dica que usem mini gifs para isso, pois são pequenos e servem muito bem pra essa função.

Vou fazer usando essa borboletinha:  ela não vai ficar com movimento tá?

É apenas pra que vejam que dá certo usando mini gifs, assim fica mais fácil que editar e recortar imagens.

Agora eu abro o site GERADOR DE ICON, pra gerar meu código.

Clique em procurar e localize a imagem em seu computador, em seguida clique em Upload It! E espere um pouco. Outra página se abrirá mostrando seu ícone e o código.

Nessa página você já tem uma amostra de como ficará o seu ícone. E na parte destacada em azul está o código que você precisa copiar.

Agora você tem que colar esse código no HTML da sua página, para isso vá em Design  Editar HTML  Clica Ctrl+F e pesquise </head>  Cole o código acima de </head>  E salve o modelo.

Depois de salvar você pode visualizar a sua página, mas tecle F5 para atualizar a página, pode ser que demore alguns minutinhos pra aparecer, aconteceu assim comigo, mas depois estava lá bonitinho.

Ficou assim:

Algumas pessoas podem visualizar e outras não, depende do navegador. No Internet Explorer se o blog estiver na sua lista de favoritos, o ícone aparecerá lá também.