Favicon é uma pequena imagem (16 x 16), normalmente no formato .ico, que é usada para visualização do site no navegador. Para colocar um favicon para seu blog ou site, basta inserir um pequeno código html.
Um exemplo é o Favicon desse blog, que pode ser visto quando se adiciona ele como favorito ou na barra onde se digita o endereço.


Para criar seu favicon, utilize o Favicon.ico Generator, ou procure um ícone nos sites Find Icons ou Icon Finder. Hospede-o em algum site como o ImagenShack.
Blogger:
Se você usa o Blogger, talvez já exista o código com o favicon padrão. Vá até o seu painel de controle –> Design –> Editar HTML. Procure por favicon.ico e o código que você irá achar será mais ou menos assim:
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
Basta mudar a parte em vermelha com o endereço onde você hospedou a sua favicon.
Apenas se você não achar esse código, procure por “<b:skin><![CDATA[“ e acima disso insira o seguinte código, alterando a parte em vermelho pelo link onde está seu favicon.
Apenas se você não achar esse código, procure por “<b:skin><![CDATA[“ e acima disso insira o seguinte código, alterando a parte em vermelho pelo link onde está seu favicon.
<link rel="shortcut icon" href="LINK FAVICON" />
Site:
Para definir um favicon em um seu site, insira o seguinte código dentro de “<head></head>”:
<link rel="shortcut icon" href="ENDEREÇO ONDE ESTÁ SEU ICONE" />
Substituindo a parte em vermelho pelo endereço onde seu ícone está hospedado.