Como colocar um Favicon no blogger | Quero Dicas | Tutoriais para seu blogs


Como colocar um Favicon no blogger


Como colocar um Favicon no blogger
Esta semana a seguidora Fátima do Atelier Fátima Borges Artesanatos, me perguntou como criar e colocar um favicon no blogger. Foi ai que eu percebi, que não havia nenhuma postagem sobre este assunto.
Por isso, hoje, vamos aprender a criar e colocar um favicon na plataforma blogger.

E você, sabe o que é Favicon?
Favicon é a pequena imagem que aparece ao lado do endereço do blog ou site no navegador. Normalmente, é adicionado o logotipo do  blog/site.

Veja o exemplo da imagem abaixo do Quero Dicas

Agora que você já sabe o que é, e onde fica, vamos ao tutorial

  1º - Criando um Favicon

Se você já tem um logotipo, pode usar ele como favicon. Se você ainda não criou nenhum, veja estas postagens: Sites para criar logotipo e/ou logomarca, Criar logotipo grátis e online - logaster, Ou acesse a tag Logotipo e escolha uma das varias postagens lá existentes.

Caso não queira usar o seu próprio logo, crie então uma imagem, de preferência, com a dimensão de 200px por 200px.
Neste tutorial utilizei o PhotoScape que é mais utilizado e muito mais fácil.

1 - Com o programa aberto e clique em "Menu" e em "Nova Foto"
2 - Coloque a dimensão 200px por 200px e se preferir escolha a cor do fundo.

Coloque a dimensão 200px por 200px

3 - Crie uma imagem dentro da parte que foi criada, como você desejar.
Não crie uma imagem com muitos detalhes, de preferência a imagens simples e únicas ou contendo no máximo 4 letras. Dessa forma, seu favicon ficara nítido ao ser visto.
4 - Apos terminar, clique em "Salvar" e perceba se a caixa "Qualidade jpeg" esta marcada. Caso não esteja marque.

5 - Perceba ao lado que a um numeral informando a qualidade da imagem (peso e detalhe). Caso ela esteja maior 100 KB, diminua a qualidade, até que ela fique menor ou igual a 100 KB.

Depois, salve e seu favicon está prontinho.
Agora vamos adicioná-lo ao blogger.


  2º - Adicionando ao Blogger


1 - Depois de criado o seu favicon, acesse: "Painel de controle do seu Blogger", "Layout",  "Favicon" e clique em "Editar"  (ele esta na parte superior esquerda do layout)


2 - Clique em "Escolher um arquivo" e selecione a imagem salva que acabamos de criar anteriormente.

Pronto, seu favicon já está no seu blog.
Ele pode demorar alguns minutinhos para que ele apareça, mais fique tranquilo (a), ele vai aparecer!
Gostou? Ficou alguma duvida? Escreva seu comentário, ele é muito importante para mim. Beijinhos
Me Contrate!

4 comentários

Clique e deixe seu comentários
terça-feira, 08 setembro, 2015 ×

Oi Bia queria que você fisese um tutorial para o blog de como botar o menu no topo em vez do navbar
nao tem como você fazer?

Resposta
avatar
admin
terça-feira, 08 setembro, 2015 ×

Ola Layza
Se entendi, você quer um menu fixo no topo do blog, estilos daqueles que rolam pela interface? Se for, pode deixar. na próxima eu faço um tuto sobre este assunto.

Agora se não é isso, me explique melhor =D

Resposta
avatar
admin
quinta-feira, 10 setembro, 2015 ×

Sim é isso mesmo que você falou, se você fizer esse tutorial estarei agradecida!

Resposta
avatar
admin
sexta-feira, 11 setembro, 2015 ×

ok pode deixar, está em minha lista. Só preciso de um tempinho livre para fazê-lo. :-d

Resposta
avatar
admin


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.