Colocar favicon no blog - Imagem na barra de endereço

Depois de se criar o básico de um blog, uma coisa que deixa mais atraente sua página é um icone na barra de endereços, que também é conhecido como "favicon". Veja imagem ao lado.

O favicon pode ser criado em programas como o photoshop, gimp, photofilter, etc. Eu uso o gimp pois é mais fácil de trabalhar e ele pode ser baixado gratuitamente na internet.
Outra opção é o site "iconj" que já tem vários icones prontos para serem usados, é só escolher o seu, baixar o código html e instalar no seu blog.

Supondo que você já tenha seu icone em 2 (dois) formatos (.ico e .png), vá em Modelo -> Editar html -> Clique em Expandir elemento de página.
Depois clique "Ctrl + f" e procure por "]]></b:skin>".

Abaixo dele, cole o código:

<link href='http://endereço do icone.ico' rel='shortcut icon'/>
<link href='http://endereço do icone.png' rel='shortcut icon'/>
<link href='http://endereço do icone.png' rel='apple-touch-icon'/>
<link href='http://endereço do icone.png' rel='shortcut icon' type='image/x-icon'/>O que está em vermelho é o endereço das imagens.
O blogger não trabalha muito bem com esses formatos de imagem, por isso você precisa hospedá-las em algum site na internet.

Para o formato .ico, utilize o site www.iconj.com, e para o formato .png, utilize o site www.tinypic.com é bem simples.

Visualize e se estiver tudo ok, salve e pronto!