>

domingo, 20 de fevereiro de 2011

como mudar o favicon do blog(gerador de favicon gratis)

O site para gerar e hospedar as imagem do icone, chamado Free FavIcon, nele é possivel fazer as duas coisas ao mesmo tempo gerar a imagem no formato .ico e hospeda-la.

Para colocar uma imagem no lugar do ícone do blogspot na barra de endereços do navegador, primeiro você precisa converter e hospedar uma imagem no formato .ico, então vamos começar convertendo uma imagem normal(.jpg,  .gif ou .png) em .ico para isso vamos usar o site Converticon 2.1, quando entrar no site clique no botão Get Started, vai abrir uma janela para você procurar a imagem no seu computador, veja embaixo da linha aonde vai o nome do arquivo caso o tipo de arquivo estiver em icon(ico) troque para image(png, gif, jpeg) e encontre a imagem. Quando você clicar na imagem ela já aparecerá na tela, então clique em Export sugerimos escolher 32 x 32 ou 16 x16 e clique em save as. Esta parte já está pronta, convertemos uma imagem normal em uma imagem para ícone da barra de endereços.

Agora vamos hospedar esse ícone, um site que faz o serviço de hospedagem de arquivo .ico gratuitamente é o MerryPic, clique em arquivo e encontre onde a imagem que vamos usar como ícone, depois clique em upload, na tela seguinte copie o código que está na ultima linha (direct) e coloque no trecho abaixo:

<link href='endereço da imagem' rel='shortcut icon'/>
<link href='endereçod a imagem' rel='shortcut icon'/>

Agora vamos até a página editar html do blogspot e procuramos por:

]]></b:skin>
</head>

E colocamos o código antes de </head> , ficará assim:

]]></b:skin>
<link href='endereço da imagem' rel='shortcut icon'/>
<link href='endereço da imagem' rel='shortcut icon'/>
</head>


 Além de aparecer a imagem na barra de endereços do navegador o ícone ainda aparece ao lado do nome do blog quando alguém adiciona seu site aos favoritos.

Outro site para hospedagem de icones é o Free Favicon Hosting,  se quiser  ter mais opções.

0 comentários:

Postar um comentário

Se tem alguma duvida comente,se te ajudou comente,se faltou algo comente não custa nada.

Related Posts Plugin for WordPress, Blogger...