Criando um Favicon (imagem da barra de navegação)

O significado de favicon é uma união de duas outras palavras que traduzidas são; favorito e ícone, esse nome se dá pelo fato que ao procurarmos algo na nossa lista de favoritos, que, muitas vezes não é pequena ele dê mais facilidade pra que se ache o site/blog, além dessa funcionalidade muitas pessoas gostam até porque o favicon ajuda a identificar cada página dentre as diversas abertas.

Criar um favicon é bem simples basta que você crie uma imagem em 16x16 ou 32x32 pixels em formato .PNG. Essa imagem pode ser criada por diversos programas, como Fireworks, Photoshop entre muitos outros e até sites que fazem esse serviço, embora eu não aconselhe, até porque é bem melhor você ver o resultado do seu trabalho.

Depois de criada e salva a imagem o restante é bem simples. Basta converter a imagem pra .ico e hospedar para obter o link direto da imagem.

Para converter a imagem .PNG para .ICO use o favicon.ru .

Clique em procurar para escolher a imagem e logo depois em create favicon .ico!



Clique em download... para finalizar essa parte.

Vamos agora hospedar a imagem com o PicPanda que eu pessoalmente gosto muito pela sua interface super simples.

Pegue a imagem .ico e faça o upload depois pegue o direct link.
Agora pra finalizar vamos colocar o favicon pra funcionar, usando um código com a marca do Compulsivo.

<link href="URL_DA_IMAGEM_FORMATO_ICO.ico" rel="shortcut icon">
<link href="URL_DA_IMAGEM_FORMATO_PNG.png" rel="shortcut icon">

Depois de inserir os links .ICO e .PNG vá no HTML do seu blog e cole o código logo abaixo de ]]></b:skin> .

Visualize o template e se estiver tudo certo salve e pronto veja o resultado de tanto esforço com bastante orgulho.

Se tiver algum problema é só comentar que daremos um jeitinho, caso não tenha comente também. ;)

leia mais em: Favicon:como criar e hospedar imagens .ICO. por: DicasBlogger