Favicon: O que é e como aplicar ao blog?

Boa tarde amorees, tudo bem com vocês??

Primeiramente já queremos avisar que não somos expert's em personalização de blogs e, também, que este é o nosso primeiro "tutorial", então, sejam pacientes e carinhosos rsrs

Bom, algumas pessoas nos pediram ajuda para colocar favicon no blog, porque acharam complicado, ou simplesmente não sabiam o que era ou a sua serventia. Pensando nisso, resolvemos fazer um tutorial para auxiliar nossos amigos blogueiros que têm essa dúvida.

Para começar, vamos entender o que é Favicon e qual a sua serventia em um blog ou site.

Favicon: é a junção de duas palavras em inglês, Favorites e Icons (Ícones Favoritos), e são aquelas imagens pequenas que antecipam a mensagem do site que você está navegando (não é visível em todos os navegadores, infelizmente). Entenda melhor no exemplo da imagem.

Ao criarmos uma conta no blogspot, automaticamente a página do nosso blog aparece com o favicon do Blogger. Mas nada mais legal do que ter um só seu, não é? Além de ficar mais charmoso, ajuda as pessoas a relacionarem seu blog a seu favicon. Por exemplo, sempre que você vê o favicon do facebook, sabe a que se refere, isso acontece com favicon do google, do blogger, do orkut, etc, e é aí que está a serventia dele. Ajuda as pessoas a lembrarem facilmente de você ao ver a imagem do seu favicon, além de dar um ar mais profissional ao blog rs.

Agora que já sabemos o que é e para quê serve, vamos aprender a colocar?

Uma dica muito importante, tenha sempre um blog cobaia ou um blog de teste antes de efetuar qualquer alteração, pois se acontecer de você não gostar de alguma coisa, pelo menos não irá perder a personalização que já tem no blog oficial. Para criar um blog teste é só clicar em Novo Blog e tirar o compartilhamento com o público. Feito isso, vamos ao que interessa rs.

1º Você irá precisar de uma imagem (png) que combine com o seu blog e com você (fica a seu critério).

2º Existem muitos sites para você criar seu favicon, mas o que utilizamos, gostamos e recomendamos é este www.favicon.cc.

3º Irá abrir uma página semelhante a da imagem 1, e é só você clicar onde está selecionado "Import Image" para ser direcionando para a página de importação do seu computador, igualmente na imagem 2.

 1

 2

4º Você precisará agir da mesma forma que o exemplo abaixo.

5º Ao fazer upload, sua imagem aparecerá no quadro amarelo. Lá é possível você alterar a cor de como será o resultado final do seu favicon. Não fizemos tutorial disso, pois não é muito interessante, mas fica a seu critério. 

Depois de fazer upload, descendo um pouco mais a página você poderá ter a pré-visualização de como será exibido o seu favicon no seu site. Se você gostar, é só clicar onde está selecionado no exemplo. (caso não goste, é só começar tudo de novo com outra imagem ou cor).

O seu favicon será direcionado para a sua pasta de downloads padrão.

Para adicionar ao blog é muito fácil.

6º Vá para a página de edição do seu blog e escolha o blog que será aplicado, se no de teste, ou em seu blog oficial. Depois, siga os exemplos abaixo.

Vá em layout e depois clique em editar Favicon.

                   

Depois clique em 'escolher arquivo' e procure o seu favicon no download padrão do seu computador. Irá aparecer uma pré-visualização da imagem, e então é só clicar em salvar que está feito.

Obs: Normalmente demora pra carregar, possivelmente você adiciona hoje, mas só conseguirá visualizá-lo no dia seguinte, então seja paciente.

 

Bom, esse foi o post de hoje, esperamos que tenham gostado e que usem e abusem de seus favicon's rsrs.

Desculpe ter ficado meio longo, mas não dá pra explicar sem exemplos, não é?!

Um super beijo e Deus abençõe vocês!!