ir para o texto | ir para menu lateral

André Felipe.net

sociedade e internet

André Felipe

Como mudar o template de um blog Blogger (Blogspot)

Publicado por André Felipe em 27 de Outubro de 2008

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.

Visite a lista de dicas de Blogger para ver mais páginas como esta!

Acompanhe textos desta categoria!

Feed da categoria

Compartilhe esta página!

Divulgue e salve o link! Crie um link

Seção de comentários

Ana

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

14 de Novembro de 2008 08:47
id: #1504345814738834965
Avatar
André Felipe
17 de Novembro de 2008 17:36
id: #882619760481573543

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?

29 de Novembro de 2008 17:17
id: #5672496464762353104
Avatar
André Felipe

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

29 de Novembro de 2008 20:07
id: #4956169538208958065
wbn

valeu. muito bom !!

12 de Dezembro de 2008 13:05
id: #7387370651030292520

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

16 de Dezembro de 2008 10:30
id: #6593161636485438235
Avatar
André Felipe

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

16 de Dezembro de 2008 11:13
id: #4689818909950418050

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

6 de Fevereiro de 2009 14:17
id: #951271321666245061
Anônimo

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.

10 de Fevereiro de 2009 19:03
id: #2946117225720055235
Bia

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

19 de Fevereiro de 2009 11:13
id: #6092302470657471055
Avatar
André Felipe

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. :)

19 de Fevereiro de 2009 17:58
id: #4487764986994325345

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

20 de Fevereiro de 2009 19:40
id: #8108963535484662739

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

3 de Março de 2009 14:04
id: #5444719334343487253

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

13 de Março de 2009 12:12
id: #4810391869132987469
Avatar
André Felipe

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

16 de Março de 2009 09:08
id: #1292554124363670889
J.

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

27 de Março de 2009 17:38
id: #9139582051250865773
Avatar
André Felipe

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.

30 de Março de 2009 01:58
id: #73583156651098113

obrigado foi muito útio pra mim!

3 de Abril de 2009 18:37
id: #1491909298001881808

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

12 de Maio de 2009 22:47
id: #7258137352292659307
Avatar
André Felipe

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.

12 de Maio de 2009 23:35
id: #9188062998385127489

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

13 de Maio de 2009 22:11
id: #4329797929965596660
K

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!

27 de Maio de 2009 17:12
id: #4887023188133632118
K

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!

27 de Maio de 2009 18:26
id: #1449263242541352198
Avatar
André Felipe

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. :)

28 de Maio de 2009 01:08
id: #7698620210999457702

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

27 de Junho de 2009 14:08
id: #6341304302069560462
Avatar
André Felipe

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).

27 de Junho de 2009 14:31
id: #6434936887196329509

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

obrigado, foi de grande ajuda.

27 de Junho de 2009 16:00
id: #1969259480690843087
Avatar
André Felipe

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

27 de Junho de 2009 19:47
id: #4197677601410458011

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

11 de Julho de 2009 04:31
id: #4240643346935471136
Avatar
André Felipe

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?

11 de Julho de 2009 19:34
id: #6212574927883903045

Nota: Para enviar uma mensagem que não seja relacionada ao post, use o menu principal e localize a página adequada ou visite a página de informações gerais.

Após ler o post inteiro, digite seu comentário no campo abaixo. Use a opção "Inscrever-se por e-mail" (somente usuários do Google) ou o feed deste post para receber respostas.

Comentários com links pessoais no meio serão ignorados e apagados (você pode usar a opção "Nome/URL" para divulgar seu endereço). Obrigado pelo seu tempo!

©André Felipe.

Uso uma versão incrementada por mim do VectorLover, adaptação do Blog and Web de um tema do styleshout.

O ícone Desenho de uma flecha indica páginas externas.