Favicon para o seu Blog(ger)

Um "favicon" é específico do site/blog em que navega e é aquele ícone que aparece junto da barra de endereço do seu browser, na parte superior do seu écran.
No caso do meu blog é assim:


A questão é como colocá-lo no seu blog(ger).

Nada mais fácil. Venha daí!

Primeiro tem de ter a imagem do seu ícone já pronta. Feita por si num programa de edição de imagem, encontrado na net (MpP e Delta-Tango-Bravo são dois bons repositórios, por exemplo) ou criando um num dos muitos geradores de favicons que existem por aí.

Dou dois exemplos:
http://www.iconj.com/icon_generator.php
http://www.chami.com/html-kit/services/favicon/

Inclusivamente pode usar ícones animados, eventualmente no formato gif, como eu fiz.
Basta editar o seu código html, no separador "Esquema" e procurar pela seguinte linha de código:

<title><data:blog.pageTitle/></title>

Depois, abaixo dessa linha, coloque o seguinte:

<link href="o seu url" rel="shortcut icon" type="image/XXX"/>

substituindo "o seu url" pelo endereço (do servidor) onde tem guardada a sua imagem, e XXX pela extensão da sua imagem (ícone).

E é tudo.
Boa sorte.

Tags: favicon, recursos blogger, Blogger Tweaks, Blogger Hacks

                         

Mensagens relacionadas (por Tags)