Postagens | Dicas blog, Imagem, Pc Windows

Como colocar favicon em blogspot do blogger, o que é favicon?

Favicon, B do topo do bloggerO blogger lançou mais uma novidade, agora você pode trocar o favicon vermelho do BlogSpot por uma imagem que represente melhor seu blog/site, e, sem mexer em códigos.

A cada dia o blogger melhora mais, quem não usa o blogger pode ver como é difícil criar e usar um favicon, clique, mas não impossível, quem usa o blogger pode seguir os passos abaixo.

O que é um favicon?

Favicon é uma pequena imagem preferencialmente com extensão .ico, para adicionar no Html de páginas pode ser usadas imagens no formato icon, png e gif
O favicon aparecerá no topo do navegador, perto da barra de endereços ou nas abas/guias abertas, serve para seu blog se diferenciar dos outros e ser memorizado pelas pessoas, ou até quando tiver mais abas abertas no navegador ele serve para saber que site está aberto em determinada aba. O favicon também aparece nos favoritos de alguns navegadores, mais uma vez, para facilitar a vida do leitor(usuário) e ele pode aparecer em outros sites e redes que divulgam seu blog.

Atenção, se você conseguir trocar o favicon do seu blog, e não ver nem uma diferença, pode ser porque a imagem que está no cache de seu navegador ainda é a antiga, assim, os visitantes verão o novo favicon e você só verá após limpar o cache, o Internet Explorer pode demorar um pouco mais de tempo para mostrar o novo favicon.

A imagem precisa ser exatamente quadrada(largura igual altura), ou o blogger não aceita.

Atualização, Após a nova interface do blogger os passos para trocar favicon mudaram, para ver como trocar ou colocar favicon com a nova interface do blogger, clique aqui

No blogger e também blogs da sua plataforma(Blogspot) é usada uma imagem parecida com aquela acima, ou seja, um B com cor de fundo vermelho ou laranja e em maiúsculo.

A dica é tentar fazer um favicon que combine com as cores do blog ou do logotipo, ou usar uma miniatura da logomarca do blog, as iniciais ou abreviação do nome do site ou blog também é bastante usado.
Favicon no blogger
O blogger irá converter a imagem que você escolher em icon, sendo assim não se preocupe com o formato, quem quiser saber mais sobre favicon, códigos para usar o favicon ou quiser criar e usar um favicon animado clique, até o momento o blogger converte seu favicon e não mantém a animação, se quiser um favicon animado terá que colocar diretamente no HTML do blogger.

    Colocar ou mudar de favicon no blogger

    A imagem que você usará precisa ser quadrada
  1. Acesse o blogger.com
  2. Clique em Design
  3. Em Elementos da página
  4. Encontre o quadro Favicon e clique em Editar
  5. Abrirá nova página de Configurar favicon
  6. Clique no botão Selecionar arquivo...

    Abrirá uma janela, escolha e clique na sua imagem e depois no botão Abrir, Concluir ou algo nesse sentido.

  7. Clique em SALVAR e, na página que ficou aberta também, só para garantir e não perder o costume...
Clique para ampliar
como colocar ou mudar de favicon no novo blogger


27 comentários:

  1. Anônimo12/7/11

    Gostaria de colocar uma página de entrada no meu blog,em flesh, tipo uma porta de entrada com a logo e um comite de boas vindas.

    ResponderExcluir
  2. Anônimo

    Você pode criar uma Página no blogger e usar ela para isso, mas as cores, lateral e gadgets continuam os mesmos.

    Outras coisas muito 'incrementadas' é quase impossível fazer no blogger, isso porque ele vai pelo padrão do que a maioria das pessoas gostam e aceitam melhor, poucas pessoas gostam dessas páginas de entrada a qual você se refere, pode perceber isso até pelo fato de poucos sites e blogs usarem esse tipo de coisa, se fosse algo que a maioria ou boa parte das pessoas gostassem, nesse caso muitos sites usariam isso, as pessoas gostam de chegar num blog/site e já de cara ter conteúdo para ler ou ver.

    Algumas pessoas gostam dessas mensagem de boas vindas, e, o que você pode fazer é usar a área de gadgets e colocar isso na lateral próximo ao topo, assim todos verão, mas verão também verão as postagens com o conteúdo, a mensagem de boas vindas pode ser como você quiser, em texto, flash ou imagem, tente não usar algo que não deixe seu blog pesado(lento)

    ResponderExcluir
  3. Quando eu mudei(editei)o FAVICON,ele não apareceu no Blogger:só aparece para os "outros"?

    ResponderExcluir
  4. Anônimo12/7/11

    Coloquei um favicon pessoal no meu blog, no entanto ele não aparece com o Firefox, e no Chrome só aparece lá em cima no separador e não na barra de endereço. Como corrigir isto?

    ResponderExcluir
  5. lmady

    Desculpe, eu esqueci de avisar, os navegadores guardam as imagens em cache, por isso parece que não mudou. As vezes ao reiniciar o Pc esse cache é limpado e você passa a ver a nova imagem.

    Anônimo

    no Firefox é o mesmo problema do cache, para limpar ele pode ir no menu do Firefox e >Ferramentas >Opções e na janela que abrir no canto superior direito >Avançado e clicar no botão Limpar cache...

    No chrome ele só aparece nas guias(separador)

    ResponderExcluir
  6. mto bom, obrigado...
    a dúvida q ficou... está nos comentários dos camaradas acima...hehehe
    vlww

    ResponderExcluir
  7. Não sei ainda o que fazer, pois ainda estou quebrando a cabeça,porque a lateral do meu blog não aparece na página principal embora esteja tudo normal dentro do layout no Design.
    Parafuso!

    ResponderExcluir
  8. Wal

    Você tem um problema mais sério ainda, causado por um Script, esse que talvez é um gadget impede a gente de clicar em links no seu blog, precisa descobrir qual é, o jeito é excluindo um de cada vez e vendo no seu blog se o problema persiste, os gadgets do blogger não causam isso

    Quanto ao problema que você relatou da lateral ficar abaixo dos posts, geralmente acontece por uma DIV não fechada, isso ocorre no momento de criar posts, você terá que reeditar dois deles, que tenho certeza desse problema, são os seguintes:

    Niqueleira com barbante e Niqueleira em crochet

    Se você usa o novo editor para editar, ao reeditar os posts acima, na parte Editar Html do editor de post acrescente a tag de fechamento de </div> e veja se parou de emitir um alerta em vermelho, se não acrescente mais uma vez, se você não usa o novo editor, faça isso usando o Draft.blogger.com para isso basta ir na edição de postagem e substituir o www por draft e dar um Enter e depois de publicado os posts vai ver se deu certo e acessa todos seus posts para ver se não tem mais algum com o mesmo problema.

    ResponderExcluir
  9. Olá!
    parabéns pelo blogger, vc é muito legal em dar dicas assim!
    a minha pergunta é.. eu fiz um favicon com uma câmera de fotografia, ficou legal, porém achei muito pequenino, o seu esta maior e mais legível!!
    queria fazer que nem o seu, as inicias do meu nome: DL, que fique legível igual ao seu... alguma dica pra mim?

    ResponderExcluir
  10. Deyse Luiza

    Foram horas testando vários tipos de letras no paint mesmo, depois de escolher usei outro editor, tentei duas letras maiúsculas e não deu, tentei uma letra sobre a outra, no seu caso talvez de para colocar a segunda letra sobre a 'barriga' do D maiúsculo, mas não completamente em cima, pode tentar usar cores diferentes para cada letra, mas, prefira as cores do seu blog, se uma letra ficar sobre a outra, geralmente as letras que estão atrás ficam melhor se mais escuras.

    Usar todo o tamanho da imagem, pode ser uma letra mais para cima e outra mais para baixo, uma no canto superior esquerdo e outra no canto inferior direito.

    Nada impede que as letras estejam um pouco inclinadas, se isso for útil para elas caberem.

    Já pensou em usar as letras DF? ja que o nome do seu blog é DeyseFlor.blogspot.com e tem a palavra Fotógrafa no título do blog.

    ResponderExcluir
  11. Boa inisiativa, a foto deviria maior um pouco maior.

    ResponderExcluir
  12. Olha eu gostaria de ajuda pois segui todos os passos necessários para mudar o favicon do meu blog mas não consegui. Eu já coloquei em .Ico e em 16x16 depois coloquei em outros tamanhos e em outros formatos, mas não deu... Não sei o que fiz de errado, o meu blog é esse -> http://blogtrollandia.blogspot.com/

    ResponderExcluir
  13. Paulo Sérgio**

    O que é não deu certo, se você fez e não ocorreu nem um erro, mas, o favicom parece não mudar, nesse caso é o cache do navegador, ou seja, a imagem já mudou, mas a imagem que está no cache do seu navegador é a antiga, o Internet Explorer é o que mais demora para apresentar a nova imagem de favicon.

    Se deu um erro ao passar a imagem para o blogger e "ele não aceitou" ou enviou alerta, aí não sei o que acontece no seu caso, tenta criar uma nova imagem com o Paint, abre sua imagem com o paint e copia e cola na nova imagem, deixe ela quadrada e salve como imagem png mas não use ponto(.) e nem um caracter estranho no nome da imagem.

    A única coisa que posso pensar é que pode ser algum código na imagem, ou um erro do seu navegador, eu fiz usando o Firefox, tente o mesmo.

    ResponderExcluir
  14. tenho uma duvida: deu o cargo de administrador para uma pessoa e ele me tirou de adiministrador e ficou com meu blog, tem algum geito de recupera-lo?

    ResponderExcluir
  15. JJ

    Se tiver eu desconheço, se fosse um blog com nome de dominio registrado pelo menos poderia alterar as configurações Dns e tirar o blog do ar, mas não sei se o blogger aceitaria um com o mesmo nome, teria que usar um sub-dominio.

    ResponderExcluir
  16. Dois problemas:
    I - Meu favicon não apareceu. Eu uso o chrome. O que pode ter acontecido?

    II - Consegui adicionar a caixa curtir do facebook no meu blog, mas o nome e as fotos ultrapassam a lateral do meu blog, o que pode estar havendo?

    ResponderExcluir
  17. Pedro Henrique Almeida

    Sua primeira pergunta já está respondida acima, pode ser o cache...

    O outro, do facebook provavelmente no código que você adicionou precisa editar ele e diminuir o valor do numero que tem logo após width: esse regula a largura desse elemento.

    ResponderExcluir
  18. Eu escolhi uma fonte diferente para o título do meu blog e para o título das postagens mas eles continuam aparecendo como arial no meu google chrome. Em todos os outros navegadores do meu computador e no computador de todo mundo, mesmo com o chrome, a letra aparece modificada. Tem ideia do que possa estar acontecendo?

    ResponderExcluir
  19. Pedro Henrique Almeida

    Isso é alguma caracteristica de seu computador ou navegador, pode ser o tipo de fonte especificada no Chrome, um navegador pode manter uma página inteira em seu cache, tente acessar um post que você não visitou ou outra página como de arquivo do blog.

    De qualquer maneira se você esperimentou com o mesmo navegador em outro computador e as alterações apareceram, isso indica que não é um problema do blog.

    ResponderExcluir
  20. Obrigada. Foi esclarecedor

    ResponderExcluir
  21. muita gente acha que trocar o favicon do blog sem entrar no html não tem como.mas é fácil é como explicação acima.o favicon mesmo depois de trocado ele continua aparecendo porque tem que limpar os caches,a melhor forma é baixar o programa Ccleaner no baixaki executar limpesa através dele e pronto.o meu ficou lega
    www.hanalsigner.com

    ResponderExcluir
  22. O meu não mudou nada

    ResponderExcluir
    Respostas
    1. O favicon do blog pode ter sido mudado, mas se o cache de seu navegador não for limpado, aí, apenas para você o favicon parece não ter mudado, mas provavelmente mudou, só você não viu porque o antigo favicon continua armazenado em seu Pc(no cache do seu navegador).

      Excluir
  23. o que seria de fato uma bendita imagem "quadrada", já que o blog não está acc nenhuma.
    Grata.

    ResponderExcluir
    Respostas
    1. Tamanho da imagem ter a altura igual a largura, não é o formato do desenho, é a imagem pronta que deve apresentar as medidas de largura e altura iguais, o tamanho também nao pode ser muito grande.

      Tem um post atualizado para colocar favicon com a nova interface do blogger, clique

      Excluir
  24. Meu blog tem domínio registrado, no endereço do blog aparece o favicon, mas no registrado nao aparece...o que pode ser? Jah tentei de tudo!

    eis a diferença:

    danidipaula.blogspot.com.br

    danieladepaula.com.br

    Thank's

    ResponderExcluir
    Respostas
    1. O favicon só aparece no site que é acessado diretamente, um de seus sites usa frame ou iframe para exibir o outro dentro dele e nesse caso o favicon do site que está dentro do frame não é exibido. O favicon deveria estar também no site que é acessado, aquele que aparece na barra de endereços do navegador, você pode colocar o favicon diretamente na 'raiz do site' ou no html das páginas dele.

      Excluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares