Fotos & Desenhos

Como personalisar o endereço do site

Como adicionar favicon na sua pagina de internet

Você, que sempre navega na web, provavelmente já notou que um grande número de sites tem um pequeno ícone que aparece na frente do endereço, em seu navegador ou bookmarks. Muitos sites usam FavIcons como forma de marcar seu site, de modo que, quando alguém vê o ícone, automaticamente sabe qual empresa ou produto que ele representa.


Por exemplo, dê uma olhada na sua barra de endereços bar e você verá que, à esquerda da URL há um pequeno ícone com a "carinha" do Baboo: 

Além disso, se você olhar em seus Favoritos do IE ou FF, verá também o mesmo FavIcon ao lado de qualquer site que o esteja utilizando:


Usar um FavIcon em seu site é uma boa prática, visto que ajuda os visitantes a identificar rapidamente seu site entre tantos outros.

Como fazer um FavIcon

O primeiro passo na criação de um FavIcon é encontrar uma imagem ou criar um gráfico que queira utilizar como seu ícone. Um FavIcon sempre tem uma dimensão de 16×16 pixels, por isso você deve ter muito cuidado ao
escolher ou criar a sua própria imagem.

Procure uma imagem o mais inédita ou diferente possível. Quanto mais simples a imagem for, melhor seu FavIcon vai ficar. Além disso, certifique-se de que o desenho é um quadrado perfeito. As imagens são, automaticamente,
redimensionadas para 16 x 16.

Quando tiver concluído, certifique-se de salvar o arquivo no formato GIF, JPG, PNG ou BMP.

Agora que você já tem sua imagem, vá para o DynamicDrive e vamos usar o seu gerador de FavIcon.

Localize a imagem em seu HD e clique em Create Icon:

 

E é isso! Você receberá uma prévia de como seu FavIcon ficaria em um navegador real e pode proceder ao download do FavIcon ou você pode simplesmente escolher outra imagem:

 

 

Como instalar o FavIcon:

Primeiro, faça o download do arquivo, renomeie ele para "FavIcon.ico" e faça o upload para o diretório RAIZ do seu site. É muito importante que o arquivo seja chamado FavIcon.ico e que ele esteja localizado no diretório raiz do seu servidor.

 Você pode verificar se fez o upload corretamente, digitando  Http://mysite.com/favicon.ico Onde "mysite.com" é o endereço de seu site. Agora você precisará inserir uma linha de código na seção de sua página. Note que este
código tem que estar em todas as páginas em que você deseja que seja exibido o FavIcon. Isso é fácil se você tiver um site que use templates.

Se suas páginas são estáticas, você terá que editar manualmente o código HTML em cada página. A linha de código você vai adicionar é a seguinte:

Código:
                          [b]<[/b]link rel="shortcut icon" href="/favicon.ico"[b]>[/b]


O ícone pode não aparecer de imediato, seja paciente. O resultado pode variar de acordo com as configurações dos usuários: Pode aparecer na URLs e não nos Favoritos, ou vice-versa.

 Fonte: Forum do Baboo