Como criar um FavIcon na plataforma Blogger / Blogspot

Favicon é a abreviação de Favorite Icon (ou ícone favorito) que sempre aparece relacionado ao blog ou site que visitamos. O site FavIcon from Pics transforma qualquer imagem em Favicon, ajudando a personalizar seu blog, pastas do computador e o que mais lhe vir a mente.

Acesse o site e clique em “Arquivo” para selecionar a imagem, de qualquer tamanho, e clique em “Generate FavIcon.ico”, em poucos segundos o arquivo estará disponível para download, baixe o arquivo e descompacte, pronto você já tem seu .ico gerado e pronto para ser utilizado em seu blog ou site.

Se você não tem ainda uma imagem ou logomarca para associar ao seu blog veja esse site que facilita a confecção de uma logomarca.

Validar o Favicon

Para ter certeza que seu blog/site está de acordo com as configurações necessárias para receber o favicon, clique aqui e faça o teste através do Favicon Validator. Digite a url de seu blog e aguarde o resultado.

Colocando o Favicon pra funcionar

Agora acesse o blog do André Felipe e veja como colocar o Favicon pra aparecer no Blogger / Blogspot. Verifique em seu navegador como ficou o meu.

Nota: Eu poderia copiar o texto aqui e dar o crédito para o André, mas essa não é uma boa prática, e seria um péssimo exemplo de minha parte para você que ainda é iniciante na blogosfera. Sempre que utilizar o conhecimento de outra pessoa não copie na íntegra, no máximo copie algumas linhas e dê sempre o link para que seu leitor, se quiser, possa ler o conteúdo na íntegra no blog onde o texto foi postado originalmente.

Rate this post

Quer aprender a ganhar dinheiro com Google Adsense em blogs?

Gustavo Freitas

Problogger e empreendedor digital. Criador do Método Start, que ele utiliza para criar blogs de sucesso e ganhar dinheiro na internet.

Website: http://querocriarumblog.com.br/

6 Comentários

  1. Laurentino Mello

    @Bruno Siqueira: Vamos criar não somente sobre este assunto mas sobre vários outros também, continue nos acompanhando.

    Abraços!

  2. Bruno Siqueira

    Vocês poderia criar um passo a passo melhor que o do André, que eu sou iniciante e não tô conseguindo coloca um Favicon com meu blog. Obrigado. Atenciosamente Bruno Siqueira

  3. Laurentino Mello

    @animesdrop: Obrigado pelo comentário.

    Abraços!

  4. animesdrop

    Gustavo, as vezes do jeito citado nessa postagem, e no blog do andre felipe não dao certo!
    Sei um jeito mais facil.
    O codigo é o mesmo citado no blog do andre felipe, mas ao invez de faze upload de uma imagem pequeno, colocamos a url de qualquer imagem em qualquer tamanho (que vai se ajusta), colocamos o codigo modificado depois da tag head, e abaixo da tag
    margin: 0 -$(shadow.spread);
    }
    ]]> que vai apareçer o favicon certinho!
    Tomara que eu tenha ajudado!

  5. Gustavo Freitas

    @Aristóteles,
    lhe agradeço pelo comentário, estamos a sua disposição,
    um abraço.

  6. Aristóteles Meneses

    Obrigado Gustavo pelas dicas, foi muito úteis…abraço

Deixe uma resposta