Aprenda a colocar um favicon no seu blog/site.

Mas o que é um favicon? É uma imagem (geralmente com extensão .ico ou .gif) que aparece na barra de endereços de um navegador.

O favicon do Cute Things é esse:

Como criar seu próprio favicon

1. Abra um editor de imagens (Photoshop, por exemplo).

2. Crie um novo arquivo com fundo transparente no tamanho 16×16 pixels.

3. Faça o desenho ou use a imagem que quiser.

4. Salve o arquivo duas vezes: uma com extensão .png e outra em .gif com o fundo transparente.

5. Vá ao site Convert ICO para converter sua imagem para extensão .ico.

6. Faça o upload do arquivo que você salvou em .png no campo mostrado na imagem abaixo:

7. Clique em CONVERT, irá aparecer a seguinte mensagem:

8. Clique com o botão direito do mouse em cima da mensagem Click here to Download e escolha a opção Salvar destino como (ou salvar link como, dependendo do navegador).

9. Salve o arquivo em seu computador.

Como exibir o favicon no blog/site

Agora que criou seu próprio favicon, você precisa hospedá-lo e colocar o código para que ele apareça no seu blog/site.

1. Envie o arquivo .ico e .gif para a pasta de sua preferência no FTP.

2. Copie o código abaixo e cole-o no arquivo header.php (caso utilize o wordPress) dentro das tags <head> e </head>.

<link rel="shortcut icon" href="ENDEREÇO-COMPLETO-DO-FAVICON.ICO" type="image/x-icon" />
<link rel="icon" href="ENDEREÇO-COMPLETO-DO-FAVICON.GIF" type="image/gif" />

3. Envie a página salva com o novo código para seu FTP e pronto.


Adicionar aos Favoritos Enviar página por e-mail Imprimir página Enviar para o Facebook Enviar para o Twitter Enviar para o MySpace Enviar para o Delicious Enviar para o Digg Enviar para o Google Enviar para o Technorati Mais opções