Teste

2008-06-23T00:51:00.001-07:00

Favicon, abreviação para ‘Favorite Icon’, são pequenas imagens no formato *.ico que estão associados com um site ou uma página. Esses ícones são criados para melhor identificar o site e para facilitar a localização do mesmo em uma lista de favoritos.

Muitos criam seu Blog mas esquecem de mexer nesse detalhe, muitas vezes por não saber como colocar ou mesmo por não achar importante;
Para muita gente, quando adiciona seu blog aos favoritos, fica muito mais fácil achar seu blog quando se tem um ícone personalizado, pois seu ícone vai aparecer nos favoritos como se fosse uma marca registrada do seu site, ajudando os seus visitantes a identificar seu blog muito mais rápido;

Use imagem nas dimensões 16×16 pixel, tamanhos maiores como 24×24, 32×32 entre outros, também podem ser usados;
Imagens com tamanho maior serão reduzidas para o tamanho 16x16

Onde criar seu Favicon.ico?

Para criar seu favicon você deve usar programas de imagem como o Ginp ou mesmo editores de imagens próprios para ícones como o IcoFx,
Ou programas online para criar seu ícone;
Aqui tem alguns programas online para criação de favicon

http://www.favicon.ru/en
http://shaheeilyas.com/favicon/
http://www.antifavicon.com/
http://www.favicontool.com/
http://www.favicon.cc/

o maior problema em criar o seu favicon no formato ICO é onde hospedar seu ícone;
São pucos sites de hospedagem gratuitas que aceita o formato ICO;
Um site que aceita hospedar no formato ICO é o Yahoo!GeoCities;

Achei esse site ConvertIcon que converte suas imagem já hospedada no formato PNG para o formato ICO, foi nesse site que criei meu ícone, só não sei se ele tem algum limite de transferência, mas por enquanto ta funcionando bem;

Onde colocar o codigo no HTML?

Faça login no Blogger, clique em “Modelo” e depois em “Editar HTML”
Procura a tag <head>, insira os dois elementos “link” logo após a tag <head>

<link rel="shortcut icon" href="http://url.do seu icone" type="image/x-icon"/>
<link rel="icon" href="http://url.do seu icone" type="image/x-icon"/>

Substitua a parte em vermelho pelo endereço url da sua imagem.
Pronto agora é só salvar e ver a marca do seu site na barra de endereço

Criar Blog Teste

Teste