André Felipe

Como mudar o template de um blog Blogger (Blogspot)

Publiquei muitos textos de nível intermediário e avançado sobre o Blogger, porém também temos leitores que só querem aprender coisas mais básicas. Por isso, decidi atender a alguns pedidos e ensinar como trocar o template de um blog.:D

Este guia abordará o assim chamado "Novo Blogger", que é a versão do Blogger que, muito provavelmente, você usa. Antes de qualquer coisa, é preciso escolher um template novo. Pretendo publicar temas neste blog num futuro próximo, contudo, por enquanto, você pode achar seu layout perfeito em sites como os mostrados em Baixar templates xml para o Blogger.

  • Baixe o tema escolhido para seu computador;
  • Geralmente, os templates vêm compactados (em formato ZIP). Você precisará extrair o arquivo depois de copiá-lo, com a opção "Extrair para" que aparece após clicá-lo com o botão direito do mouse no Windows, ou com um programa como o WinRar (disponível em português);
  • Após extrair o arquivo, abra o painel do Blogger e escolha a opção layout abaixo do nome do seu blog;
  • Clique em Editar HTML;
  • Use o link Baixar modelo completo para salvar uma cópia de segurança do tema atual para seu computador;
  • Utilize o formulário para carregar (ou "fazer upload", como a página diz) do tema novo para o Blogger.

Dicas e soluções para dúvidas comuns

  • Experimente mais de um tema até achar o que seja "a cara" do seu blog;
  • Os templates tem a extensão XML. É esse o arquivo que você deve carregar;
  • É possível que personalizações que você fez à coluna lateral do tema atual sejam perdidas quando trocá-lo (nesse caso, o Blogger mostrará um aviso antes de substituir o layout) e será necessário refazê-las;
  • O acima exposto é válido também para modificações de outras partes do layout. Apesar da tecnologia, não tem nenhuma mágica para automatizar tudo:p. Mas não se preocupe, é divertido personalizar manualmente.

Boa sorte na busca pelo seu "tema da batida perfeita", como diria meu amigo ibuh;). Se precisar de ajuda, veja meus outros textos sobre o Blogger ou entre em contato comigo.:)

Atualização em 19 de fevereiro de 2009: adicionei um link para o post Baixar templates xml para o Blogger.

75 comentários:

  1. Olá André!
    Achei muito util sua explicação e até posso me atrever a mudar meus blogs.
    O que eu gostaria mesmo é de um jeito para encontrar blogs que tratem de assuntos de meu interesse. Isso é possível?
    Um abraço
    Ana

    ResponderExcluir
    Respostas
    1. Eu simplesmente não consigo compreender kkkk
      OMG será que sou burra?

      Excluir
  2. não consigo mudar nenhum template, continua aparecendo a mensagem:

    "Não foi possível salvar o modelo
    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The content of elements must consist of well-formed character data or markup."

    o que eu faço?

    ResponderExcluir
  3. Thaís, você seguiu os passos que dei ou copiou e colou o código no painel?

    ResponderExcluir
  4. André eu fiz certinho oq vc colokou no painel e nao funfa
    dá os mesmos erros que a Thais ai de cima falou..
    e agora ?
    ja estou irritada com isso

    ResponderExcluir
  5. Dani SamPol: você tentou com mais de um modelo?

    ResponderExcluir
  6. Eu segui os passos, mas mesmo assim não está dando certo. =[

    ResponderExcluir
  7. Oi cara, é que eu queria saber se existe um site que ofereça códigos xml já prontinhos pra copiar e colar lá no Blogger.
    Será que existe?
    meu email é: aecio.lopes@gmail.com
    Se você souber por favor me envia um link do site pro meu emai.
    Desde já agradeço.

    ResponderExcluir
  8. Carambaaaaaaaaa fiquei zonza....
    Mas o meu problema é: aonde encontrar ou quem pode criar um cabeçalho ou banner que combine com o tema do meu blog?
    Meu blog é sobre assuntos de casamento.
    Me ajudaaaaaaaaaaaa....os que encontro na net não tem nada a ver com wedding.
    Grata,
    Bianca.
    biafsa@hotmail.com.br

    ResponderExcluir
  9. Aécio, aqui está a resposta ao seu pedido: Baixar templates xml para o Blogger.

    Bia, enviarei um e-mail para você a fim de discutirmos esse empecilho. :)

    ResponderExcluir
  10. Também não consigo trocar de jeito nenhum...
    Fica aparecendo a frase
    "Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente."
    Nossa ta me irritando tanto..mais tanto....eu quero por um template legal e não consigo..to ficando frustrada já..me ajude..POR FAVOR

    ResponderExcluir
  11. Como faço para muda meu template sempre aparece esse erro:
    Não foi possível concluir sua solicitação.
    Ao relatar esse erro ao Suporte do Blogger ou ao Grupo de Ajuda do Blogger:
    Descreva o que você estava fazendo quando recebeu este erro.
    Forneça o código de erro e as informações adicionais a seguir.
    bX-hq2u5m
    INFORMAÇÕES ADICIONAIS
    blogID: 2242464763135727271
    host: www.blogger.com
    uri: /html

    ResponderExcluir
  12. Oi Andre, obrigada pelas dicas. Ja consegui trocar minha template, mas como faco para carregar de volta os seguidores, blog list, etc? Eu salvei a template antiga. Meu email e lcampanati@gmail.com

    obrigada mesmo!

    Loraine

    ResponderExcluir
  13. Leoraineiziel, entre no painel do Blogger e insira os gadgets que deseja usar manualmente.

    ResponderExcluir
  14. OLá André,

    Aqui tá acontecendo a mesma coisa, sempre aparece a mensagem:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The content of elements must consist of well-formed character data or markup.

    Não sei mais o que fazer, já baixei varios modelos , fiz tudo certo, não sei qual o problema..
    se puder ajudar!!

    ResponderExcluir
  15. J., esse erro aparece quando há algum erro no código do template. Para entender, imagine que cada elemento nele tem um começo, um meio e um fim. O erro aparece porque está faltando o começo ou o fim de algum das centenas de elementos do código. Por isso, seria trabalhoso encontrar esse problema manualmente.

    Recomendo baixar templates dos sites que menciono neste post.

    ResponderExcluir
  16. obrigado foi muito útio pra mim!

    ResponderExcluir
  17. Ola ...desculpe a ignorancia ,mas eu nao acho a opçao layout e nem baixar modelo completo ... se puder e quiser me add pra me explicar eu agradeço
    lelamax13@hotmail.com

    ResponderExcluir
  18. Lelinha, entre pelo Blogger em rascunho. A opção Layout aparece abaixo do nome do blog. Nela, encontrará "Editar HTML", que é onde pode baixar o modelo atual e enviar templates novos.

    ResponderExcluir
  19. Puts ... mó cega mesmo ...achei ...
    Valeu ...brigadaum
    =]

    ResponderExcluir
  20. Olá

    Testei um template e tive problemas. Procurei ajuda no google e caí aqui. Espero que você possa ajudar.

    Quero usar o template em outro blog, mas estou fazendo testes em um que criei só pra isso. Percebi que não há mais seguidores, eles sumiram. Pra quem era seguidor, o link foi perdido.
    Como posso mudar o template e manter os seguidores?

    Obrigada!

    ResponderExcluir
  21. Atualizando:

    Consegui fazer a lista de seguidores aparecer. Eu precisava recolocá-la no blog. Mas o seguidor não tem mais o link pro blog.
    Fiz o teste aqui, e o nome do blog aparece pro seguidor, mas sem as atualizações.

    E agora? Quando eu fizer isso no outro blog todos os seguidores vão perder o link? O que posso fazer?

    Obrigada!

    ResponderExcluir
  22. K: a implementação do "Google Connect" ainda não foi totalmente concluída, e há alguns problemas reconhecidos oficialmente (como este publicado nesta semana).

    Recomendo remover o widget por enquanto e publicar mais alguns posts em seu blog. Após um tempo, verifique se tudo foi resolvido. :)

    ResponderExcluir
  23. Eu havia salvo os gadgets e consegui, mas teve um probleminha, o "menu" ficou da mesma cor do template e ate agora num consegui mudar...
    se puder me ajudar...

    grato

    ResponderExcluir
  24. Hasso, entre em seu blog e procure "Sidebar". Troque todas as linhas que tiverem color: #FFF; por color: #xxxxxx; (substitua xxxxxx por uma cor desta página).

    ResponderExcluir
  25. muito obrigado André.
    E só mais uma pergunta, como faço para alinhar o Banner de cima?

    obrigado, foi de grande ajuda.

    ResponderExcluir
  26. Hasso, logo abaixo de #header {, adicione margin:1px auto;display:block.

    ResponderExcluir
  27. Olá André,
    primeiramente parabéns pelo blog e pela paciência!
    É o seguinte, troquei o template do meu blog e ñ estou conseguindo alterar as fontes e cores das letras, principalmente os titulos das postagens, o que está me encomodando mto, já que a cor antiga ñ cobina nada com o novo template.
    E outra coisinha, rs...como faço pra editar o menu superior?
    Desde já agradeço a ajuda.

    IgorMovies

    ResponderExcluir
  28. Igormovies, se a aba "Fontes e cores" da página "Layout" não funcionar, quer dizer que o autor do template o criou de um modo que somente quem tem conhecimentos de CSS pode editá-lo. Infelizmente, a maioria desses autores utiliza códigos muito "sujos", e é trabalhoso procurar e personalizar cada elemento manualmente.

    Se não tiver conhecimentos de CSS e desejar, posso auxiliá-lo em troca de um link no seu menu lateral ou no fim das páginas (pretendo criar um banner pequeno para as pessoas que preferem imagens).

    Quanto ao menu, caso ele não apareça como um widget na página "Elementos da página", também será necessário editar o código do template manualmente.

    De qual blog estamos falando? Do de filmes ou o da Vila Moraes?

    ResponderExcluir
  29. Esse negocio tah de marcação comigo
    jah baixei trezentos mil modelos
    e O blogger dá erro em todos =/ Me Ajuda pleaseeeeeee

    ResponderExcluir
  30. André, estou pastando para mudar o template do meu blog e nao consigo =(
    Será que vc não poderia mudar para mim? rs
    Obrigada

    ResponderExcluir
  31. Pri, em que etapa está sua dificuldade?

    ResponderExcluir
  32. Obrigada André por se propor a me ajudar.
    Bom, eu peguei o código de um template que eu adorei, qdo colo no campo dá erro e não muda =(
    Será q vc não poderia me add no msn para eu enviar meu login e minha senha para vc me ajudar? Isso se não for pedir muito.
    O template que gostei foi esse http://www.clubedospais.pt/page.php?id=1340&comments=1
    Muito obrigada!!!
    Meu msn: elite.adm@terra.com.br

    ResponderExcluir
  33. Pri, o template dessa página não foi criado para usuários do Blogger. Ele só funciona em blogs hospedados pelo Clube dos Pais.

    ResponderExcluir
  34. Olá,sou muito leigo em blogs, fiz um a pouco tempo e coloquei um tema personalizado, só que eu não consigo fazer login nem remover o tema, o que eu devo fazer? Obrigado

    ResponderExcluir
  35. Olá!
    Trocando o tamplate do meu blog vou perder meus quase 400 posts? Abraços e Obrigado!

    ResponderExcluir
  36. saletecattae, o "template" é apenas a apresentação visual do blog. Fique tranquilo, o conteúdo dos posts não será perdido. De qualquer maneira, faça uma cópia de segurança do template atual antes de começar a fazer testes. :)

    ResponderExcluir
  37. Oii Andre, Tudo bem? estou com dificuldades para mudar o modelo do meu blog. Eu já achei diversos modelos que gosto mas todos dão erro no final, mostrando a seguinte mensagem:

    Não foi possível salvar o modelo
    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Content is not allowed in prolog.


    O que eu posso fazer?

    Eu já consegui mudar o modelo do meu blog uma vez mas acabei não gostando depois, pq eu não podia mudar a imagem de cabeçalho, eu havia salvo o modelo normal do meu blog , mas hj quando tento carrega-lo aparece a msm mensagem acima. Isso quando aparece a opção carregar.

    Aguardo resposta.
    Lu

    ResponderExcluir
  38. Luciana, eu conheço esse erro. Abra o código no bloco de notas e veja se aparece um quadradinho logo no início da primeira linha. Caso apareça, apague-o, salve o arquivo e carregue novamente para o Blogger.

    ResponderExcluir
  39. Valeu essa explicação ajudou muuiitttoooo!!!!!!

    ResponderExcluir
  40. André, tenho um blog com opções de menu, como: fotos, perfil, vídeo, blog,..., mas quando eu entro nessa opção ao invés de abrir uma página com o resultado esperado, ou não aparece nada, ou vai para um site/blog que não tem nada a ver.
    como eu faço para adicionar a esses links, as fotos, videos...???????
    tem alguma coisa a ver com editar o código do template???

    ResponderExcluir
  41. Olá. Eu baixei um template do brtemplate que vc indicou, mas quando eu abro o arquivo dá erro. E quando vou tentar achar ele pelas configurações do HTML do meu blog, eu não tenho a opção arquivo. Como eu faço pra resolver isso ? Obrigada

    ResponderExcluir
  42. Ola André,

    Veja só vc pode me ajudar. Tive a infelicidade de trocar o nome do meu blog de www.rumoabrasilia.blogspot.com para www.carlos-ramalho.blogspot.com, porém todos os meus videos (e são muitos) que estavam lá não estao mais aparecendo. Voltei o nome do blog para o status anterior e mesmo assim não funcionou. Saberia me orientar acerca do que fazer? Muitissimo obrigado. Carlos Ramalho.

    ResponderExcluir
  43. Ola. Eu consegui mudar o template, deu um erro e então cliquei em "voltar ao template original" desde então, a aba Layout Sumiu, naõ econtro em lugar algum, não consigo mais inserir outro layout que não seja os do Blogger, alguem pode me ajudar?

    ResponderExcluir
  44. Ops. Acabo de achar, como eu vi várias pessoas perguntando sobre a aba layout que sumiu fica a dica, clica em configurações, e depois em personalizar modelos, vai aparecer em cima dos modelos de templates a frase" visualizar configurações do template original" quando clicar nela a aba Layout volta. Voala tres horas depoooiiisss.

    ResponderExcluir
  45. OI, percebi que muitas pessoas tiveram esse problema e eu sou uma delas, desde ontem tento mudar o template e não cosigo da sempre essa menssagem de erro.

    -Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Content is not allowed in prolog.-

    No inicio eu tentava jogar direto depois que baixava e não dava certo, e hj vi o seu comentário que elas vem em em formato ZIP...então fiz como vc falou extrair e coloquei a pasta noutro lugar, mas quando eu tento colocar no blog na parte que selecionar o arquivo eu abro a pasta e tem 3 documentos do bloco de notas, ja abri e todos eles tem códigos HTML, mas não sei quanl deles colocar, não sei mais o que fazer e não consigo mais utilizar aqueles modelos disponíveis no blog, porque já abusei todos....rsrsrs

    Meu msn é esse se vc puder me dar uma força agradeceria.

    veninakc@hotmail.com

    Brigada....

    ResponderExcluir
  46. Eliseu, ou os links estão diretamente no template, ou estão em widgets. Explore as opções do seu blog sem medo, pois somente você tem acesso a tudo.

    Pe, não tem opção de enviar o template? Tem certeza que está na página que indiquei no guia?

    Carlos Ramalho, consulte o fórum oficial de ajuda.

    Suzana, acredito que você tenha ativado a opção de usar antigos, que é incompatível com os mais modernos.

    Venina, geralmente os arquivos que vêm com mais de um documento .xml incluem códigos para línguas diferentes (um é a versão em inglês; outro, a em português etc.). De qualquer maneira, salve uma cópia de segurança e experimente cada um deles! É a melhor forma de aprender. :)

    ResponderExcluir
  47. OI André, gostei muito das dicas.
    Porém eu já tinha feito todos os passos.
    Mas o template possui inúmeros erros.
    O templet que eu encontrei é massa! Você passa o mouse em cima do memu e automaticamente aparece outros submenus, e também tem uma animação em javasript que vai passando umas propagandas ou textos (tipo o que tem as ofertas das lojas americanas (site).
    Tudo lindo, mas só na demosntração. Pois dá erro.
    Ele não reconhece as imagens que possui nas pastas descompactadas. Todos os templates que eu baixei possui pastas... E só enviando o arquivo XML não dá certo!
    Você pode me ajudar?? Estou repcisando de um HELP com URGÊNCIA!
    Obrigada desde já.

    Larissa Rodrigues

    ResponderExcluir
  48. Andre , eu trabalho com pinturas digitais feitas no photoshop, gostaria de saber como eu faço para construir um templete no photoshop e depois publica=lo no blog, no caso eu mesmo quero criar o meu , e quero fazer isso no PS.é POSSIVEL????

    Claudio

    ResponderExcluir
  49. boa noite, eu estou a utilizar um template que encontrei na net, mas agora não consigo alterar os tamanhos e cores das fontes, pk?
    Obrigado

    ResponderExcluir
  50. Quando abro o painel do meu blog não aparece layout, aparece modelo e daí não consigo prosseguir... Poderia me ajudar?

    Obrigado

    ResponderExcluir
  51. Para onde estraiu o tema?
    obrigado

    ResponderExcluir
  52. intalei um novo template mas agora não aparece mais a opção login no meu blog ,como faço para resolver isto?

    ResponderExcluir
  53. ei andre como fazer um tamplate para o meu blog e programalo

    ResponderExcluir
  54. Caramba achei que nunca ia achar informações com um texto tão explicativo e facil de entender ...obrigadooo

    ResponderExcluir
  55. muito, muito mesmo obrigada!
    estou tentando fazer isso há muito tempo, mas nunca me explicaram a maneira correta de se fazer! graças a esse post, consegui! valeu! :D

    ResponderExcluir
  56. Oi tem como eu começar a fazer um novo templante todo personalizado para só então publicar ele daqui uns tempos?

    ResponderExcluir
  57. ae andre achei mt boa sua explicaçao eu queria sabe como muda nome templete

    ResponderExcluir
  58. Socorro! brincadeira.. rsrs.. Olha não consigo visualizar o meu blog com o novo tema, já fiz de tudo e até agora nada! Quando coloco para visualizar eu vejo o novo tema que coloquei, só q quando acesso o bog ainda estar com o tema antigo! o q faço?? Obrigadoo..

    ResponderExcluir
  59. oooi! queria temas sobre amor, você sabe aonde eu encontro? obrigada.

    ResponderExcluir
  60. Amei
    Muito obrigada'

    samarakerle.blogspot.com.br

    ResponderExcluir
  61. Por que o meu n ta carregando? Demora mt pra carregar , ajuda Andre!!
    Thanks!!

    ResponderExcluir
  62. ajudou muito obrigado nxcamargo.blospot.com.br

    ResponderExcluir
  63. Não acho a opção editar html

    ResponderExcluir
  64. Puxa andree eu nao entendi nada e que eu sou nova no ramo abri meu blog ontem qeria deixar ele minha cara bem personalizado me ajuda?

    ResponderExcluir
  65. olá! obrigado pelas dicas,mais o que eu queria sabe mesmo é como muda a imagem do cabeçario do template!poderia me ajuda?

    ResponderExcluir
  66. a opção editar html nao aparece

    ResponderExcluir
  67. Olá,
    Estou pensando em mudar o template do meu blog e gostaria de saber se eu troca-lo os meus posts vão sumir? Ou já migrarão p o novo?
    Obg.

    ResponderExcluir

💬 Mostrar comentários