O que é um favicon e como usa-lo

Favicon é algo muito útil, ele identifica a sua página, se você estiver navegando com muitas páginas, a única coisa que aparece é o Favicon (Pelo menos no Chrome, nos outros não sei), e é por ele que o leitor vai identificar seu blog.





Afinal, o que é o Favicon?

 Favicon, é o ícone que em alguns navegadores, fica ao lado do endereço, e em outros fica ao lado do nome  do Blog, como você pode ver na imagem logo acima. Ela é importante, apesar de ser um ícone, pois quando o leitor vê aquele ícone, ele fala: "Ah, esse é o Cat Geek!".

Como criar um favicon

O seu favicon precisa ser um ícone, você pode transformar uma imagem, ou criar a sua, através de um site que eu sempre utilizo, o favicon.cc.

Criando um favicon

Primeiramente você entra no site (www.favicon.cc),e você estrá direto na plataforma para criação. Então você escolhe a cor e vai pintando os quadradinhos, até formar a imagem que quer como favicon. Depois clique em Download Favicon. 
Obs: Logo mais irei ensinar a colocar no seu blog.



Transformando uma imagem em ícone

Primeiramente, encontre a imagem que irá transformar em ícone, depois entre no site (www.favicon.cc) e clique em "Import Image" na coluna da esquerda. Escolha o arquivo (imagem) no seu computador, e depois selecione o modo que a imagem vai ficar.

  1. Keep dimensions: Diminui a imagem, não fica distorcida.
  2. Shrink to square icon: Fica um ícone distorcido, melhor a vista.
 Então clique em "Upload". Você será redirecionado, você verá os quadradinhos pintados, eles podem parecer estranhos, mais dependendo da imagem vai ficar legal. Então clique em "Download favicon".
Obs: Logo mais irei ensinar a colocar no seu blog.

Colocando no seu blog

 Deixe a imagem salva no seu computador, então abra o painel do seu blog e vá em Layout. Em cima, há um gadget "Favicon", entre nele, e faça o upload da imagem que você transformou ou criou.Salve!

Obs: Demora em média uns 3 dias para ele aparecer no seu blog,  não se assuste!


Abraço!
Eduardo Miorim






Share this article :
 

Postar um comentário

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Cat Geek - All Rights Reserved
Template Created by Creating Website Published by Mas Template | More Trick | IVY Themes
Proudly powered by Blogger