Favicon no Blogspot

Muita gente coloca seus sites no ar e nunca mexe nesse detalhe, as vezes por não saber ou simplesmente por não achar importante. Eu que navego com muitas abas abertas gosto do ícone para identificar mais facilmente cada uma delas.

Primeiramente, hospede duas imagens com tamanho de 16x16 pixels, uma no formato PNG e outra convertida para o formato ICO, no local de sua preferência e anote as URLs dos arquivos hospedados.

IMPORTANTE
O arquivo de imagem deve estar com o nome favicon (Ex: favicon.ico ou favicon.png)

Então mãos à obra, localize no HTML do seu template por:

]]></b:skin>

E logo após cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar. Veja o exemplo abaixo:

]]></b:skin>

<link href='URL_DA_IMAGEM_FORMATO_ICO.ico' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_FORMATO_PNG.png' rel='shortcut icon'/>

Vizualize para ter certeza que não há erros, em seguida salve e está pronto.

Dica: Você pode usar o Irfanview para salvar a imagem no formato ICO, ou usar os serviços do FavIcon from Pics ou favicon.cc, nestas páginas você envia uma foto e ele a transforma em ícone, dai basta baixar e transferir para o seu blog/site.

Posted in: Blogger, Codigos e Scripts