0 Favicons

Como vocês sabem tudo que pesquiso para o meu blog e tenho dificuldade de achar eu posto aqui.
Então tenho mais uma para vocês.

O que é Favicon? Você sabe??

Bom favicon é um ícone personalizado que se localiza ao lado do nome da página do seu navegador, ele também pode ser chamado de ícone de navegação.

Esses ícones pode ser encontrados em vários sites próprios de ícones ou até mesmo no Google Imagens. Mas se você quiser um ícone personalizado, que ninguém tenha não é apenas pegar uma imagem e pronto, pois eles devem ter exatamente dimensões 16x16 ou 32x32, portanto perfeitamente quadrado. Por esse motivo fui pesquisando até achar algum alugar me explicasse exatamente o que fazer desde pegar a imagem até aplicar no blog. E claro eu achei um site claro então decidi fazer um tutorial pra vocês.

Siga as instruções:

1º Acesse esse link  http://www.chami.com/html-kit/services/favicon/ .

2º Ao entrar na página clique no "Escolher Arquivo" (não há restrição para imagens, você pode escolher qualquer imagem que queira, com qualquer dimensão).

3º Depois de escolhida a imagem clique no botão "Generate Favicon.ico".

4º Pronto seu favicon está pronto! 

Mas a partir daqui você terá algumas opções:

    1ª Fazer o Download do favicon estático.

    2ª Fazer o Download do favicon em movimento.

    3ª Customizar o favicon.

1ª Se optar pelo Download Estático é só clicar no Link "Download only favicon.ico".

Em seguida abrirá na mesma janela a imagem do ícone, em seguida salve-a em seu pc.

2ª Se optar pelo Download em Movimento é só clicar no Link "Download only animated_favicon1.gif".

Em seguida abrirá na mesma janela o gif do ícone, em seguida salve-o em seu pc.

3ª Se optar pelo Customizar é só clicar no Link "Customize colors, text, animation, iPod icons, ...".

Nessa área há várias opções:

1- Para alterar a cor do fundo do favicon, clique em "Background color" e escolha a nova cor. Clique no botão "OK";

2- Para ativar ou desativar o fundo  transparente da imagem clique em "Make image background transparent (corner colors)";

3- Para adicionar bordas, clique em "Add a border around the image", escreva a cor (em inglês) e clique no botão "OK". Se desejar excluir depois, clique em "remove";

4- Para converter em favicon em tons de cinza, clique no link "Convert to grayscle /black and white". Para desativar este recurso depois, clique em "Don’t convert to grayscale";

5- Para adicionar texto com animação, clique em "Add text and edit animation". Escreva o texto desejado e clique no botão "Ok". Altere a cor do texto e clique no botão "Ok";

6- Se desejar adicionar ícones para o iPhone ou iPad, clique em "Add iPhone, iPod Touch and iPad icon".


Adc Favicon no Blog:

Entre em seu blog -> vá em Layout -> Favicon(Editar) -> Escolher Arquivo. Pronto seu favicon estará instalado.

Espero que tenham gostado da dica!!