Post sobre |Dicas blog, Pc windows

Colocar um logotipo no BlogSpot

Vou mostrar como colocar um logo no BlogSpot, imagem no topo da página de seu blog no blogger, com ou sem o nome do seu blog.

Logotipo é o nome popular para a imagem que fica no topo do blog/site, serve também como um link para a página inicial(Home) do blog/site e tenta representa visualmente o que é o blog ou pode servir como um diferencial do mesmo, uma marca.

Esse mesmo procedimento serve para adicionar, trocar ou mudar o logotipo do seu blogspot.

Atualização 2012: A maneira para colocar logotipo no blogger mudou com o lançamento da nova interface, para ver como colocar logotipo ou logomarca em blogs do blogger, clique aqui, e, ignore os passos abaixo.

Isso não é possível para quem usa um modelo clássico(antigo), entenda o que é, por que mudar e como nesse post: Mudar modelo do blogger para Layout Design.
No final desse post, veja os links para, onde e como fazer logo, banner gif
.

E uma dica que pode ajudar um pouco seu blog aparecer melhor em sites de buscas(descrição do blog).

    Adicionar o logotipo(banner) no blogger

    Tente observar as imagens:
  1. Acesse o blogger.com e depois de ter feito login, ou procure o link Painel.
  2. Procure e clique no link Layout Design (Design substituiu a palavra Layout. Atualização:2010)
  3. Procure o link Elementos da página.
  4. Na página que abrir procure pelo nome que você deu ao título de seu blog; Ele estará em uma área um pouco destacada, e, nessa terá um link Editar, clique.
      Obs: Se o nome do título for curto pode constar ao lado a palavra (cabeçalho) , caso não encontre nem um, procure o link:
    1. Adicionar gadget, clique,
    2. Na página que abrir, observe se você está em Noções básicas e procure por Cabeçalho da página e clique, é só prosseguir do passo acima(4 ou 5).
  5. Clique para aumentar
    logotipo no blogger, para colocar um logo no blogspot

    Provavelmente abrirá nova janela, parecida com essa imagem abaixo. Poderá escolher e ver a imagem(logo) antes de publicar.
  6. Você poderá escolher entre uma imagem de seu computador ou da web, selecione uma opção. Se for do seu Pc, clique no botão arquivo para encontrá-la.

    Imagem animada deve estar hospedada na web, ou o blogger vai tentar reduzir ela e perde a animação. Se for da web, basta adicionar o endereço http:// com nome da imagem, se estiver incorreto vai dar uma mensagem de erro

  7. Posicionamento: Escolha se quer a imagem por trás da descrição e título ou apenas o logotipo
    • Você pode escolher se quer a imagem:Por trás de título e descrição do blog, ficará parecendo como uma imagem de plano de fundo no nome do blog, ou
    • Em vez de título e descrição, nesse caso o título e descrição ficarão ocultos mas ainda terão um valor para os sites de busca.
  8. Opção Reduzir para Ajustar(caber...) se você marcar pode deformar, não indico uma imagem muito grande, mas é possível mudar caso não gostar, faça testes. Antes de adicionar o logotipo, prefira usar um editor de imagens para deixar ela no tamanho que você quer.
  9. Descrição do seu blog, faça isso dando preferência a frases ou palavras mais importantes primeiro, pense nos principais assuntos que você irá abordar, e mesmo que essa descrição fique oculta, poderá ter uma pequena importância para os motores de busca "entenderem" seu blog. Ela é a META Tag description do blogger.
  10. Clique em SALVAR, e, vá a página Design e procure o link Visualizar blog ou o botão Clique em SALVAR.

  11. Clique para aumentar
    descriçao do blog, posicionar logotipo no blogger e salvar

39 comentários:

Como colocar um logotipo no BlogSpot do blogger2008-10-11T23:31:00-03:00
  1. Cara muito bom Mesmo!!! Obrigado!!

    Responder
  2. Cara muito bom Mesmo!!! Obrigado!!
    abraços

    Responder
  3. oi adorei seu blog, sou iniciante e vc me ajudou de maaaais, se puder passar no meu blog e me da umas dicas ficarei muuuuito grata!
    vlw
    nine
    www.emagrecerjuntasconseguimos.blogspot.com

    Responder
  4. Obrigado por facilitar para nós blogueiros com todas essas dicas que muito tem nos ajudado

    Responder
  5. Este comentário foi removido pelo autor.

    Responder
  6. Você está me ajudando muito .Parabéns. Obrigada

    Responder
  7. Olha adorei se poder passa no meu blog

    Responder
  8. Adorei esse site, sou novata no blog e estou com muitas dúvidas ainda..rsrs..gostaria de colocar no meu blog ao lado direito os blogs que eu acompanho, mas não consigo fazer isso. Tem como você me ajudar?
    Desde já agradeço a atenção e o carinho.
    Ótimo fim de semana.
    Regina

    Responder
  9. Obrigado por comentar.

    Regina
    Você pode sem muito esforço colocar uma lista de blogs, clique aqui

    Responder
  10. Olá! Adorei seu blog! Criei o meu e busco melhorar ainda mais!! Ah, e se quiser umas dicas para melhorar o seu blog pode dá uma olhadinha no meu e procurar os posts mais antigos!!, só achei que se você colocasse uma postagem explicando COMO modificar coisas do blog como:Barra de rolagem, Estrelas etc. iria ficar mais legal!(Desculpe se já tem, é que eu não olhei ainda...=X!
    Fui...

    Responder
  11. Ola, muito obrigado pelo artigo mais uma vez,continue assim que esta ótimo,so resta uma duvida:tem como colocar um logotipo animado,se tem,seria o mesmo procedimento?
    obrigado...

    Responder
  12. j-wl.co.cc

    Se você se refere a cor da barra derolagem, só funciona no IE, e, não para versão atualizada do Html do blogger impede isso.
    Cor nas estrelas de classificação ainda não é possivel para o blogger, e, a cor delas é semelhante a maioria dos sites da web, isso facilita aos usuários perceberem do que se trata.
    ________

    ELITE PROCYON

    Exatamente o mesmo, porém, talvez no passo 5 você deverá escolher a opção Da web, o modo mais fácil é tentar usar uma imagem animada de seu computador, se ela permanecer animada tudo bem, caso contrário você deverá hospedar a imagem na web e depois usar o endereço dela.
    Algumas vezes o blogger tenta reduzir bytes das imagens e, nesse processo perde a animação e reduz a resolução.

    Responder
  13. entrem no meu xat:www.xat.com/amizadeounamoro24h

    Responder
  14. OI!LEGAL SUAS DICAS!ESTOU USANDO ALGUMAS!VALEU!

    Responder
  15. valeu cara vc e d+

    Responder
  16. Poxa meu caro, parabéns, em meio a tanta gente complicando o simples, encontrei seu blog, oferecendo esses detalhes simples porém de grande importância para os que assim como eu estão iniciando um blog. Parabéns!!!

    Responder
  17. parabens pelo post mais é um pouco dificil quando é feito no corel draw.

    Responder
  18. AMIGO, SUAS EXPLICAÇÕES ILUSTRAÇÕES SÃO MUITO IMPORTANTE PARA QUEM ESTA INICIANDO. UM ABRAÇO

    Responder
  19. Gostei mto do seu blog.
    Continue assim, nos presenteando com boas dicas.
    Parabéns!

    Responder
  20. Cara, muito obrigado,suas dicas me ajudaram demais!!!se puder por favor passe no meu blog e me dê umas dicas!! valeu

    Responder
  21. vc ajudo muita gente cara valeu mesmo

    Responder
  22. Valeu cara me ajudou muito Parabens!!!1

    Responder
  23. Muito bom sua dica.

    Obrigado!!

    Responder
  24. meu problema é o seguinte:
    a foto do logo está muito para a direita, e daí tem que rolar a página... eu gostaria que ficasse no meio da página... ou então no início...
    você consegue me ajudar nesta configuração?

    www.paraleloin.blogspot.com

    obrigado

    Responder
  25. Severo

    Pode ser o tamanho do logotipo muito grande, nesse caso tenyte colocar um bem menor para ver se isso ocorre, se sim, você saberá que é esse o problema.

    Se não for o tamanho do logo, deve ser o seu modelo, talvez alguma alteração que tenha feito no HTML, tente criar um blog para testes e usar um modelo igual, mas não com o código do seu, observe ele e adicione um logotipo pequeno ou médio, também título e descrição, se o mesmo ocorrer é um problema naquele tipo de modelo.

    Responder
  26. muito obrigado!!!! Eu consegui!!!
    Agora sim o blog está com a minha cara
    bjs e visite
    www.semprecoisasbacanas.blogspot.com

    Responder
  27. Anônimo13/3/12

    Ok boa ajuda

    Responder
  28. Obrigado pela ajuda Deus abençoe!

    Responder
  29. Oi. Estou fazendo um blog e estou tentando colocar a imagem que eu fiz, só que a imagem fica sempre cortada, já tentei fazer a imagem de vários tamanhos mas não funciona. Você pode me ajudar? O endereço do blog test é http://blogtestdoze.blogspot.com.br/
    Obrigada. Abç.

    Responder
    ...Respostas
    1. O blogger não corta seu logotipo, o que acontece é que seu modelo de template tem uma 'barra' fixa no topo, e essa está 'por cima' do logotipo, deixando apenas parte dele aparecer, o que você pode fazer é um logotipo maior na altura, porém, com uma tarja ou faixa sem cor no topo dele, assim a parte que importa do logotipo vai ficar mais para baixo e aparecer, essa faixa sem cor pode ser da cor de fundo de seu blog(ver Expl), aí ninguém irá perceber o que que o logotipo tem uma faixa no topo. Também poderia ser possível fazer seu logo descer usando Css, mas é que não sei qual class foi usada em seu modelo e você teria que mexer no HTML...

  30. cara nao to conseguindo colocar um banner no meu blog, se puder entrar em contato comigo me add no msn lipe_11.2010@gmail.com

    Responder
    ...Respostas
    1. Banner em flash não dá, precisa ser imagem, pode ser uma gif animada, png, jpg, bmp.

      Outra coisa, para quem usa a nova interface do blogger, o passo 2 é a opção Layout e não tem a opção Elementos de página que mostrei no passo 3, você vai direto para uma área chamada Organização, a imagem que postei acima é um pouco diferente do visual do blogger na nova interface.

      Tive que remover seu comentário por ter um email.

  31. Amigo, parabens!! Bela iniciativa para ajudar os outros. Vou divulgar o seu blog!
    Abraços
    Denise

    Responder
  32. Não achei Elementos da Pagina!!! Me ajudaaa!!! O meu blog é este, http://mundomundinhomeu.blogspot.com _ na nova versão... Como faço???

    Responder
  33. queria saber, qual é o tamanho certo para colocar o logotipo ???

    Responder
    ...Respostas
    1. Para logotipo de blog/site não existe um tamanho padrão, geralmente os que melhor se adaptam para a maioria dos modelos é aproximadamente 400px de largura e 100px de altura, pode ser um pouco maior ou menor, mas é bom evitar logotipos maiores de 200px para a altura.

  34. Anônimo6/4/13

    valu mesmo gostei vc me ajudou. Deus te abençoi.

    Responder

→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!