16 de jul. de 2007

Como colocar um favicon no blog

O favicon é o ícone (desenhinho) que aparece ao lado do endereço da página:



Para colocar o favicon no meu blog, primeiro criei o desenho num editor de imagens (neste caso o Gimp). O arquivo de imagem estava no formato ".png". Outra opção é usar um editor de favicon online para criar sua imagem:

Para que ele possa ser usado como favicon é preciso estar no formato ".ico". Para isso há páginas que convertem o favicon para este formato, como as seguintes:

É só fazer o upload da imagem que você tem e ele vai transformá-lo em ".ico". Depois de salvar este arquivo, é preciso colocá-lo em algum lugar do qual ele possa ser chamado/acessado para ser exibido na sua página: enviar o arquivo para o seu servidor ou salvá-lo num disco virtual (que suporte o formato .ico) com endereço para o arquivo, por exemplo.

Depois disso, é preciso inserir uma pequena linha de código no arquivo html da página em que você quer que apareça o favicon.

<LINK REL="SHORTCUT ICON" href="http://favicon.ico">

É preciso modificar o código: na parte em que está entre aspas "http://favicon.ico", coloque o endereço para o favicon. Inserir este código entre as tags <head> e </head>.

No Wordpress a linha de código geralmente é inserida num arquivo chamado header.php ou no respectivo arquivo que contenha o código html do cabeçalho. Pelo que vi, há plugins que permitem a inserção de favicons, no entanto nao testei nenhum.

Sites consultados:

Postagens mais visitadas