Como trocar o favicon do seu blog

Olá pessoal, hoje vamos explicar como alterar o favicon do seu blog, favicon é a imagem que fica no seu navegador, por exemplo o favicon do Baixando na WEB é um Robozinho. Quando criamos um Blog, o favicon vem como padrão a letra B do BLOGGER, para fazer esta alteração é muito simples.

Antes de mais nada procure uma imagem do seu gosto e que tenha a ver com o conteúdo do seu blog, é muito importante que esta imagem seja quadrada por exemplo, 48x48 - 32x32 ou 16x16, aqui no Baixando na WEB utilizamos o tamanho 48x48.

 Agora vamos converter esta imagem em ICO, pois para a nova imagem aparecer no navegador vamos precisar da imagem em ICO e da imagem original.

Para converter acesse o site COOLUTILS.COM no 1º item clique em BROWSE abrirá um tela, através desta tela, você poderá procurar pela imagem que salvou em seu computador, localizando a imagem clique duas vezes para a imagem ser enviada para o site.

No 2º item escolha a opção ICO.

Agora é só ir no 3º item e clicar em DOWNLOAD CONVERTED FILE, salve a imagem convertida no mesmo lugar que está a imagem original.

Agora vamos hospedar as duas imagens para conseguirmos realizar as devidas alterações.

Para hospedarmos as imagens acesse o site IMAGE BOO HOSTING clique em PROCURAR e hospede primeiro a imagem que foi convertida para ICO, depois clique em procurar no segundo campo e hospede a imagem original, agora digite todas as letras e números que estão abaixo e aperte o Enter do seu teclado, ou clique em START UPLOADING, abrirá outra tela com alguns links, você verá as duas imagens, vamos precisar apenas dos últimos links das duas imagens.

Antes de copiarmos os links vamos até a página de login depois clique em LAYOUT, depois em EDITAR HTML e selecione a janela expandir modelo de widgets, com ajuda de CTRL + F procure pelo seguinte trecho:

//]]>
</script>

Abaixo deste trecho cole o código abaixo:

<link href='LINK DA IMAGEM CONVERTIDA EM ICO' rel='shortcut icon'/>
<link href='LINK DA IMAGEM ORIGINAL' rel='shortcut icon' type='image/png'/>

Agora vamos colocar os links, copie o link da imagem que foi convertida, é o último link da imagem ICO que hospedamos, onde esta escrito Link da imagem convertida em ICO, apague e cole o link, copie o link da imagem original utilizando o mesmo procedimento e cole onde está escrito link da imagem original.

 

Se estiver com dúvidas de qual link você deve copiar, clique na imagem abaixo para ampliá-la e tire suas dúvidas:

Agora é só salvar e visualizar sua página prá ver se ficou do seu agardo.

É isso ai pessoal, espero que tenha ajudado com mais esta dica.

Qualquer dúvida é só deixar um comentário que estaremos esclarecendo todas as dúvidas.