Como criar um Favicon ?
Publicado em 23/01/2010 • Arquivado em Dicas e Sugestões, Wordpress • 14 Comentários
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?5f4392" rel='icon' type='image/x-icon'/>
<link href="http://www.wptotal.com/favicon.ico?5f4392" 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
-
Como criar uma página com os arquivos do blog?
-
Como criar um Motor de Busca para o seu site com o Google
-
Como criar um Gravatar ?
-
Como Criar um WordPress Theme – Parte 3
Escrito por Celso Azevedo
Eu, na internet:
Twitter, Facebook, Google+, Website
Celso Azevedo, 20 anos, português, criador do wptotal.com, adepto das novas tecnologias e webmaster / blogger a tempo inteiro.
Partilhe Este Artigo
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?