quarta-feira, 16 de fevereiro de 2011

Como mudar a favicon do blog (Blogger)


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.
 SS's002
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.

<link rel="shortcut icon" href="LINK FAVICON" />

SS's004
OBS: O código fonte do seu blog. pode ser diferente.

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.