O QUE É UM FAVICON ?
Em poucas palavras, o favicon é uma imagem pequena que aparece ao lado do endereço do site:
TUTORIAL PASSO-A-PASSO:
A primeira coisa a fazer é criar uma imagem nos tamanhos 16×16 pixeis. Eu neste tutorial vou utilizar o Photoshop, mas você pode utilizar outro programa qualquer.
1º Criar uma imagem no tamanho 16×16 e guarda-la no formato .png,
2º Vá ao site ConvertICO e faça o upload da imagem criada no ponto numero 1,
3º Faça o download da imagem já no formato .ico,
4º Agora que já tem a imagem no seu computador, altere o nome para favicon,
5º Faça o upload do favicon para o seu alojamento ou aloje-o no MerryPic,
6º Vá a head do seu tema (template), entre as tags <head> … </head> e cole o seguinte código:
<link href='http://www.wptotal.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://www.wptotal.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
(Não se esqueça de alterar o link directo para a imagem)
7º Guarde as alterações e teste no seu browser preferido 
Nota: O favicon pode não aparecer logo. As vezes demora, é da cache do seu browser.
Espero que este artigo lhe tenha útil! Qualquer dúvida deixe um comentário!
Até breve
Posts Relacionados:
Escrito por Celso Azevedo
O Celso é um jovem português de 20 anos, webmaster, blogger e criador do WPTotal.com. Pode segui-lo no facebook, google plus ou no twitter.
Siga-nos por Email!
Receba os Posts por Email!
Domínios, Alojamentos, Temas...
Olá Carol,
obrigado pelo comentário
Muito legal..vou tentar num blog q tenho
bjo
Estava procurando mesmo um bom tutorial para colocar o icone do lado do endereço do site… Parabéns pelo tutorial… Parabéns pelo site!!!
Olá Amigo, no no meu Blog não funcionou, fiz assim:
a imagem ico hospedei no servidor onde tenho a hosdagem do site
onde errei?
holanda
Se a imagem não aparece é porque não está no seu alojamento.
Estive a ver e se for o site ‘guiasetubal’, a favicon não é encontrado. Talvez você colocou o favicon num local diferente daquele que colocou no código.
Otimo tutorial, tava usando usando pluguin de Favicon atoa.
agora ta certo – baixandogratis.net
Olá Amigo, no no meu Blog não funcionou, fiz assim:
a imagem ico hospedei no servidor onde tenho a hosdagem do site, dentro da pasta img do meu tema.
Código:
onde errei?
holanda
Se você colocou a imagem dentro da pasta img do seu tema porque não actualizou o endereço da imagem ?
Você está a utilizar este link: http://www.guiasetubal.com.br/favicon.ico
Quando a imagem está neste endereço: http://guiasetubal.com.br/wp-content/themes/destyle-pt/img/favicon.ico
Tem que alterar o endereço da imagem
Olá Celso,
muito obrigado pela atenção e por ter resolvido minha dúvida.
Meu favicon já está funcionando.
Abraços…
Holanda
Bom tutorial Celso.
Tens ai um erro: TUTU(O)RIAL PASSO-A-PASSO:
Obrigado pelo alerta, já corrigi
o meu tema não tem head, onde eu acho essa tag?
achei… consegui!
Desculpe a ignorância mas sou novo pelo WP mas onde é que vou à Head do template?