sexta-feira, 23 de outubro de 2009

dica blogger #002

Já devem ter reparado que alguns blogs e páginas que visitam têm uma imagem personalizada como ícone na barra de endereço ou quando os adicionam ao favoritos.
Essa imagem chama-se favicon e qualquer pessoa a pode ter na sua pagina/seu blog porque é bastante fácil.

Basta ter duas imagens iguais, uma no formato PNG e outra no formato ICO e aloja-las algures na net.
Depois de alojadas, é preciso entrar na edição de HTML do blog e procurar por</head>.
Antes desta tag cola-se o seguinte código:
<link href='endereço da imagem ICO' rel='shortcut icon'/>
<link href='endereço da imagemPNG' rel='shortcut icon'/>


Gravam-se as alterações e é tudo!

Para conseguir as imagens da forma necessária é necessário ter programas que o permitam fazer e para isso uso os seguites programas:

- Paint.NET para edição de imagem. Este programa é um programa livre, da Microsoft, com bastantes recursos e apenas exige que se tenha instalada uma versão recente do NET Framework (que podem baixar aqui).
Este programa permite editar qualquer imagem, aplicar transparencias à sua volta, entre muitas outras coisas, e por fim pode-se gravar com o formato PNG e tem-se meio trabalho feito.

- Para conseguir a imagem ICO, uso o Irfanview. Um visualizador de imagens muito pratico e leve.
Com este programa basta abrir a imagem PNG que foi criada com o Paint.NET e salvar a imagem com o formato ICO.

ADENDA:
Para esta imagem funcionar no IE é necessário adicionar, para além dos anteriores, o seguinte código:
<link href='endereço da imagemPNG' rel='shortcut icon' type='image/x-icon'/>

0 doses:

Smiles que podem ser usados. Passar cursor por cima para ver código a usar

Escreve algo porque a tua opinião é importante. Mesmo que seja só para ti...