Como criar e colocar um Favicon no seu blog

by Mauricio Fabijam

favicons

O que é Favicon?

Favicon é o ícone personalizado que aparece na aba e barra de endereços dos navegadores. Esse ícone, naturalmente tem de ser criado e colocado pelo webmaster com o logo do seu site. A palavra se origina da contração em inglês das palavras “favorite icon”.

Favicon DivulgarSites.org no Firefox

Favicon DivulgarSites.org no Firefox

Para que serve o Favicon?

  • Melhora sensivelmente a identificação a identificação de um site,
  • É visualmente bonito e agradável,
  • Distingue seu site dos outros em geral e de seus concorrentes em particular
  • Ele reforça o marketing de um blog e a sua seriedade e profissionalismo,
  • Permite ao visitante distinguir uma aba de outra quando esta com varias abertas
  • Evita que seu blog seja fechado por engano.
  • Pode ser utilizado na barra de favoritos dos navegadores Firefox e Chrome.

Como criar um Favicon?

Para criar um Favicon, primeiro é preciso escolher a imagem que sera utilizada, naturalmente que sera o logotipo do seu blog esse imagem devera ser editada no programa que preferir, eu sugiro que utilize o Picasa que além de álbum web tem também um editor de imagens on-line muito facil de ser utilizado para as edições mais básicas, essa imagem terá de ser quadrada e editada para ter a dimensão de 16×16 pixels nos formatos GIF, JPG ou PNG e converte-la para o formato ICO .

Para realizar a conversão para o formato ICO existem algumas ferramentas web; a primeira que sugiro é a Dinamic Drive , nesse site você só precisara fazer o upload da sua imagem ( lembrando em formatos GIF, JPG ou PNG ) aguardar a conversão para ICO e então fazer o download. Outras ferramentas on-line que podem ser utilizadas;  Free Favicon, GraphicsGuru, Favicon.ru, HTML-Kit.com, Digital-Pic, 256 Pixels, Favicon.co.uk e ProDraw; todos servem o mesmo  processo do Dinamic Drive. Caso ainda não tenha uma imagem para ser utilizada e queira se aventurar fazendo a criação e edição on-line, pode utilizar o Favicon.cc ou o editor do 256Pixels.

Colocando o Favicon no Blogger-Blogspot

Colocar um Favicon no Blogger ficou extremamente fácil. Basta ir em “Layout”  e no canto esquerdo superior acima do campo do cabeçalho tem o campo para fazer o upload da seu logo  ( já devidamente no formato ICO e dimensionado para 16×16 pixels); basta clicar em editar e na janela que sera aberta é só escolher a imagem no seu computador e fazer o download.

Favicon BloggerNo Blogger o seu Favicon geralmente não aparecera de imediato, podendo demorar desde alguns minutos até um dia ou dois, o jeito é aguardar; mas se o ícone ( Favicon ) do Blogger for substituído pelo seu na caixa do Favicon é por que deu tudo certo.

Colocar o Favicon no WordPress

Para adicionar, da maneira mais fácil, um Favicon no WordPress a primeira coisa que deve ser verificadas é se nas opções do seu tema não suporta nativamente o upload de um Favicon.

Caso o tema utilizado na disponha dessa opção nativa, a segunda maneira mais fácil é colocar  seu Favicon é através de de um plugin e indicarei os melhores para isso.

All In One Favicon, possibilita que seu Favicon apareça tanto no blog como no painel de administração, permite o upload de imagem nos formatos PNG, GIF e ICO compatível com WordPress MU; download no WordPress.org.

Plugin Personal Favicon, permite que o Favicon apareça tanto no seu blog como na sua pagina de administração WordPress; visite o repertório WP  para baixa-lo.

Plugin LettoBlog Favicon, esse plugin é compatível também com o WordPres MU; baixar no repertório WP.

Plugin AmberPanther Favicon for WordPress, esse plugin suporta imagens nos formatos PNG, GIF e ICO; faça download no repertório WP.

JR Favicon for WordPress, plugin bem leve que simplesmente adiciona seu Favicon; baixar plugin.

Alex Set Favicon, outro plugin bem simples e compatível com WorPress MU; download.

Mauricio Fabijam

facebooktwittergoogle plus

Webmaster, blogueiro, aficionado por musica clássica ( Beethoven ) e programação para Web; reside em São Vicente, litoral de São Paulo


{ 11 comments… read them below or add one }

paz com deus novembro 23, 2011 às 17:56

Olá sou dos seus amigos no dihitt vim conhecer seu maravilhoso blog , gostaria de sua visita em meu blog tbm por favor se poder me siga ok abçs

My recent post Assistir The Walking Dead S02E06 Dublado Online

Responder

navalha08 dezembro 8, 2011 às 12:38

Beleza de plugin Maurício, Parabéns!
Grande abraço amigão!!!

Responder

Mauricio Fabijam dezembro 9, 2011 às 01:23

Olá Aurélio, que bom que você gostou espero que seja útil.
Obrigado pelo comentário

Responder

edileneamor dezembro 8, 2011 às 14:15

Boa tarde!
Maurício!!!
Adorei esta tua indicação!

Parabéns!

Responder

Mauricio Fabijam dezembro 9, 2011 às 01:25

Olá Edilene que bom que gostou.
Obrigado pelo comentário.
My recent post Saiba Como Se Faz:…"Bordas arredondadas no Blogger"

Responder

Barbie Californiana dezembro 8, 2011 às 16:14

Eu uso o favicon em meu blogger e quando tinha o wordpress, usava também.

Responder

Mauricio Fabijam dezembro 9, 2011 às 01:29

Olá Barbie, realmente o Favicon aumenta bastante a identidade de um blog.
Obrigado pelo comentário.
My recent post Viagem à Pilar do Sul: Carnaval

Responder

Mary Miranda dezembro 8, 2011 às 17:07

Mauricio, boa tarde!

Eu já tinha ouvido falar do Favicon, e vi também a explicação de como colocá-lo, mas achei tão difícil, que desisti!… rs

Talvez eu crie coragem e tente dessa vez… Quem sabe não consigo?

De qualquer forma, meu obrigada pelo compartilhamento!

Muito bom aprendermos mais coisas na blogosfera!

Abração,

Mary:)

Responder

Mauricio Fabijam dezembro 9, 2011 às 01:36

Olá Mary, não desista; uma das melhores melhorias que o Blogger fez foi a facilidade atual para colocar um Favicon.
A única coisa mais trabalhosa sera escolher a imagem que sera usada.
Além disso são muitos os benefícios dessa simples personalização.
Obrigado pelo comentário.
My recent post Felicidade: o estado natural das coisas

Responder

Fabricio dezembro 10, 2011 às 17:39

Ótima dica. Fiz o procedimento e deu certo. Para que o ícone apareça de imediato é necessário excluir os cookies do navegador. Pelo menos aqui funcionou.
Abraços,
Fabricio.
My recent post Doces de natal: Farturas

Responder

Mauricio Fabijam dezembro 11, 2011 às 02:19

Olá Fabricio, que bom que deu certo para você. Agora o que faz ele demorar as vezes um pouco para aparecer na verdade é o cache do navegador; só que no processo de limpar os cookies nós limpamos também esse cache. Então o favicon finalmente aparece.
Eu visitei o "Culinária do Homem" para conferir e realmente ficou bom.
Obrigado pelo comentário.
Um abraço

Responder

Leave a Comment

CommentLuv badge

Previous post:

Next post: