Sexta-feira, 18 de Julho de 2008

Icon do blog na barra de endereços do browser

Já passaram uns quantos anos desde a criação do meu primeiro blog. Eliminei uns, criei outros, escrevo nos meus e nos de outras pessoas, o que faz com que tenha acumulado alguma experiência neste campo. Decidi por isso começar a escrever sobre o tema blogging, com o objectivo de partilhar algum conhecimento que adquiri e que adquiro diariamente na utilização dos blogs em que participo.

Para começar, queria deixar aqui um guia para colocar o "logo" do nosso blog na barra de endereços do browser. Isto funciona nos blogs do blogger, não sei se o procedimento é o mesmo para as outras plataformas (wordpress, blogs do sapo, etc).

Como já devem ter reparado, sempre que vamos ao nosso blog, a barra de endereços mostra-nos o logótipo do blogger.


Felizmente esse símbolo pode ser substituído por uma outra imagem à nossa escolha.


Vamos lá então ver quais são os passos necessários para fazer essa substituição:

- Em primeiro lugar, vamos ter de criar um ícone em .jpg com tamanho 16px por 16px (para redimensionar a imagem, podem utilizar o editor de imagem Gimp).

- De seguida, vamos pegar nesse ícone e coloca-lo num qualquer site que aloje imagens (exemplos: Picassaweb, Imageshack, Flickr).

- Agora, temos de copiar este código e cola-lo por baixo da linha <head> no template do blog:

<link href='http://endereço-da-imagem.jpg' rel='icon' type='image/jpg'/>

Podem ver como exemplo o código do template no meu blog:


- Por fim, basta salvar o blog e conferir se o ícone já aparece na "address bar" (ou até mesmo nos separadores / tabs de alguns browsers).

[Fonte: Techno-tips]

5 comments:

Filipe Saraiva disse...

Valeu Brazovsky. Sua dica me possibilitou alterar o favicon do meu blog - que está passando por uma repaginada.

Abraços.

Hamilton disse...

Fiz tudo direitinho, mas nada aconteceu!

SoNiKKuT disse...

cmgo tb nao deu certo

Anónimo disse...

nem comigo

Allison Ramon disse...

não funfou :(