O Google inseriu um novo favicon, mais colorido e alegre, em seus sites. Até aí seria uma notícia corriqueira e normal, se não fosse o fato dele ter sido desenvolvido sobre o trabalho de um brasileiro.

Os 3 favicons do google na sequencia

De acordo com a Marissa Mayer, vice-presidente de produtos de busca e experiência do usuário no Google, a base do novo design é um trabalho do André Resende, estudante de Ciência da Computação da Unicamp.

“A sua colocação de um “g’” branco sobre um fundo colorido é bastante reconhecível e atraente, por isso achamos que ela captura a essência do Google”, disse ela. Para a versão final, as cores foram um pouco modificadas e o “g” foi deslocado do centro:

favicon enviado pelo andre da unicamp

Apesar da mudança feita no layout do brazuca, eu achei que o “g” centralizado ficaria mais bonito, mas as cores vibrantes e alegres que eles colocaram ficou 10. O que vocês acharam do novo favicon “brasileiro” do Google?

Internet

Se voce gostou dessa postagem, avalie inscrever-se no nosso RSS/Feed.

Vamos a uma dica muito legal para adicionar um favicon ao seu blog no wordpress.

O que é o tal do favicon?

Ele nada mais é que um ícone que fica ao lado do endereço do site/blog na barra do navegador.

favicon_01
Na barra de endereços

image
Na guia do Internet Explorer 7

image
Nos favoritos

Para que serve?

Ele serve para criar uma identidade do seu logotipo ao endereço do site/blog e para um melhor design (digamos assim).

Como criar um favicon.ico do meu logo?

Para isso basta você usar o serviço gratuito e online do site Dinamic Drive. Nele você envia uma imagem nos formatos gif, jpg, png e bmp, até 150 KB, que ele tranforma em um arquivo favicon.ico prontinho para ser usado.

favicon_04

Eu só aconselho que o fundo da imagem seja transparente para que fique legal na barra do Internet Explorer.

Como colocar no Blog?

No Wordpress é simples,pois temos um plugin que faz todo o trabalho. Ele se chama MaxBlogPress Favicon que é simples de instalar e utiliza-lo. Ele funciona no Wordpress 2.5 sem problemas.

Para instalar basta baixar o plugin ( clique aqui ), descompacta-lo, fazer o upload para a pasta wp-contents/plugins e ativa-lo.

favicon_03

Nada de diferente dos demais plugins certo? Não, pois é necessário seguir as instruções para ativa-lo no menu do painel de administração do blog em settings/MBP Favicon.

A ativação nada mais é que o cadastro de um e-mail para o recebimento de um link de ativação, segundo o criador do plugin.

Depois de ativado, basta indicar onde está o arquivo favicon.ico para ser exibido. O programa tras alguns modelos que podem ser usados.

favicon_02

E se eu tenho um site estático, tem como instalar?

Sim tem.

Se suas páginas são estáticas, você terá que editar manualmente o código HTML em cada página. A linha de código você vai adicionar é a seguinte:

<link rel=”shortcut icon” href=”/favicon.ico”>

Lembrando que o href é o url de onde se encontra o favicon.ico. O indicado é que esteja na raiz do site.

O ícone pode não aparecer de imediato, seja paciente. O resultado pode variar de acordo com as configurações dos usuários: Pode aparecer na URLs e não nos Favoritos, ou vice-versa.

Conseguiu?

Desta forma simples acredito ter explicado como criar um favicon e coloca-lo no wordpress. Se você não conseguiu ou não entendeu o tutorial deixe um comentário e se você conseguiu deixe também (O Blogueiro ficará feliz, com toda certeza) !!!!

Blogosfera, Internet

Se voce gostou dessa postagem, avalie inscrever-se no nosso RSS/Feed.

Switch to our mobile site