Postagens | Dicas blog, Imagem, Pc Windows

Mudar modelo do blogger para Design

Vou mostrar como e por que mudar o modelo do seu blogspot para Design.
Atualização 2010: O blogger mudou o nome de uma das funções, o que antes era chamado de Layout agora é Design, então, se você ver alguma dica para blogger ou imagem onde estiver escrito Layout, lembre-se que esse nome mudou.

Pode não ser o caso do seu blog, mas quem tem um blog antigo ou escolheu modelo clássico, pode estar usando um modelo ultrapassado do blogger e sem saber.


A maneira fácil de saber é simplesmente acessar o blogger e observar, isso se você usa no blogger linguagem Português(Brasil), se existe no Painel do blogger um link para Modelo ou Design, se você encontrar um link para Design e já adicionou gadgets ou widgets ao seu blog, tem a opção de mudar a Fonte e cores do seu BlogSpot, tudo isso sem precisar mexer em códigos, isso significa que seu blogger não precisa fazer esse procedimento.

Mas se você não tem as opções acima ou vê uma imagem como essa abaixo, você pode atualizar seu blog seguindo esses passos:

Note que as mudanças feitas no HTML de seu blogger serão perdidas, faça uma cópia do seu código antes, para poder voltar ao que era antes caso você não goste.
Isso não vai excluir suas postagens.

  1. No Painel do blogger clique em Modelo,
  2. Clique em Personalizar design.
  3. Clique em Atualize o modelo do seu blog.
    como mudar o modelo classico do blogger para Design
  4. Clique em um dos modelos para selecionar.

    Se precisar você pode ver esse post, Escolher novo modelo, aqui para entender melhor, e se um dia quiser mudar o modelo do blogger...

  5. Escolha uma cor clicando nas opções do modelo selecionado.

    Possivelmente a cor do modelo irá mudar, mas, você pode clicar no link visualizar modelo.

  6. clique em SALVAR MODELO.
Fazendo isso você poderá fazer varias coisas sem mexer em código, mudar a aparência, aumentar a interatividade, como essas abaixo:

59 comentários:

  1. é mais é ruim pakas pra quem faz templates. Eu comecei a fazer templates agora. E esse novo modelo do blogger só aceita xml. E eu só trabalho com HTML - PHP - CSS - Js

    ResponderExcluir
  2. Mundo Jovem. Obrigado pelo comentário.
    Seu comentário veio bem a calhar, o fato de você não entender Xml não é o bicho, você pode se basear no código fonte dos modelos existentes no blogger e só modificar o Css.

    Isso é o mais apropriado, mas nada te impede de adicionar novas divs, como eu fiz aqui, porém, isso te força a aprender mais um pouco, o que é melhor ainda. Xhtml é algo que vai permanecer por muito tempo, vale entender um pouco.
    Vê se faz uns templates leves.

    ResponderExcluir
  3. o da minha amiga aparece MODELO e o meu LAYOUT -.- e não apareceu isso ai de atulizar, bláblá. quando ela poe o html, funciona e quando eu coloco o mesmo html nao funciona -.-

    ResponderExcluir
  4. Rafaela. Obrigado pelo comentário.

    Se ela usa o modelo Clássico do blogger e você o Layout, eles não são compatíveis, o layout é em xhtml e é melhor, por vários motivos.
    Se sua amiga usa o blogger.com e usa Idioma português(Brasil) no painel do blogger ela tem essa opção de mudar ou atualizar o BlogSpot dela, é só seguir os passos acima.

    ResponderExcluir
  5. Meu problema e assim o Antes Era layout E eu gostava pq dava para colocar outros layouts de outros sites que eu pegava no blog do neozinho
    Agora ficou Modelo no Lugar de Layout e nao consigo mudar de denovo para Layout
    Alguem me ajuda ae porfavor? :)
    http://www.gamadodownloads.blogspot.com

    ResponderExcluir
  6. Blogspot, como ninguém pensou nesse apelido antes?

    Se isso que você relata está acontecendo,e você usa Idioma português(Brasil) no painel do blogger, eu não sei o que está ocorrendo.

    ResponderExcluir
  7. Eu sou nova nesse ramo de blog,mas eu gostaria de saber se tem uma maneira de colocar imagens que são "jpg" de plano de fundo no blog,eu ja tentei colocar mais o blogger não aceita e diz que tem um erro e ele só aceita "xml".

    ResponderExcluir
  8. Marcela Swan Cullen,
    Tem como fazer, porém, você teria que ter uma noção de html e principalmente de CSS para fazer isso, e, para quem está aprendendo eu aconcelho criar mais um blog com mesmo Layout para testar as mudanças antes de aplicar ao blog desejado.
    Para mudanças que você deseja fazer Clique aqui, não é muito fácil, mas se você quer não custa dedicar algumas horas para aprender, fazer testes, ou se você puder recorrer a um cursinho de html para entender o básico...

    ResponderExcluir
  9. Anônimo26/8/09

    Oi!
    Eu tentei mudar de modelo para layout pra por widgets, mas na hr q vou clicar em atualizar o modelo sai umas opções de modelos de templates feios do blogger, não entendo. Que fazer? obrigada, so achei dificil pq para no 3ºostra o seguinte, que é justamente esse q falei.

    Ruby

    ResponderExcluir
  10. Anônimo Ruby, Você tem uns 15 estilos que pode escolher, e depois você pode personalizar o modelo escolhido mudando as Fontes e cores.

    Se mesmo assim você não gosta desses modelos pode procurar um na web, com atenção para escolher um feito para o blogger e o novo ou atualizado, mesmo assim teste eles bastante antes de colocar em prática, pois tem alguns...

    ResponderExcluir
  11. Obrigada por responder, eu ja descobri o motivo, é que meu layout é html, por isso não aceita o modo layout e consequentemente não adiciono os widgets.

    ResponderExcluir
  12. Ruby
    Mesmo que você(ou qualquer pessoa que tenha modelo antigo), não queira usar os templates do blogger, esse procedimento acima funciona, e após fazê-lo, você poderá colocar outro template em xhtml(modelo novo), porém os gadgets no modelo antigo poderão ser perdidos, por isso copie seu html antes para poder reverter caso queira.


    Atualizei esse post e acho que ficou melhor.

    ResponderExcluir
  13. Olá!
    Mudei o template recentemente, tá no modo layout agora, mas só fica bem no mozilla firefox. Quando vai pelo explorer, a coluna do menu fica embaixo da dos posts, e não sei como arrumar. Você tem alguma dica ou tutorial pra resolver esse problema? Obrigada.

    ResponderExcluir
  14. Ruby

    Pra acontecer isso possivelmente seu modelo não é do blogger, o melhor seria você pedir ajuda de quem forneceu o template pois ele deve conhecer bem as propriedades do próprio e evita o mesmo transtorno para outras pessoas.

    Mas você pode tentar fazer um backup de seu modelo e depois tentar em Editar Html, no blogger, diminuir a largura(no Css do html) de uma dessas classes ou id

    sidebar-wrapper {
    main {

    pode ser o problema de largura em um desses elementos, se diminuir talvez resolva.
    Logo após o caracter abre-chaves pode ter uma medida de largura(width)
    Procure observar se antes do próximo fechar-chaves tem algo como width:400px; e diminua o número uns 50px a menos para ver se a lateral sobe, depois tente ir voltando o número o mais próximo possível do que era antes. O numero 400 é ilusório, pode ser outro número.

    Também pode ser um problema relacionado a padding ou margin mas se for isso, esses passos acima dão certo também. Para explicar isso fica difícil pois ambos variam bastante.

    ResponderExcluir
  15. Obrigada, vou tentar porque a pessoa que arrumou código pra mim não sabe também resolver o problema.

    ResponderExcluir
  16. Mudei o código para tirar o navbar do meu blog. Inseri um código, que não consegui postar aqui.
    Além disso, tentei mudar o layout do meu blog.
    Resultado: não aparece mais a opção layout para inserir gadgets.
    Quando abro meu blog, todos os gadgets criados desapareceram, como contador de visitas, visitas on line, links favoritos, etc.
    Foram 3 meses de trabalho!
    Como posso reverter ao layout do meu antigo blog, com todos os gadgets adicionados?

    ResponderExcluir
  17. Ursinhos Risonhos e Souza Barros

    Se você não fez uma cópia(backup) antes de mexer no Html, é quase impossível conseguir reverter isso, o que você pode fazer é tentar recuperar o código de alguns gadgets, veja aqui Mas isso vai lhe dar um trabalho enorme.

    Quanto ao fato de não aparecer a opção Layout a unica possibilidade é você não estar usando opção de linguagem Português(brasil)no Painel do blogger, ou estar usando o modelo clássico, o que não acredito muito.

    ResponderExcluir
  18. Gostaria de saber uma coisa, eu mudei o layout do blogger e agora meus vidoes do youtube nao aparecem mais na pagina principal do blogger como faço para eles voltarem a aparecer?

    ResponderExcluir
  19. SpecTrading
    Você deve lembrar que gadget utilizou para ter colocado eles lá, e usar o mesmo e refazer isso se quiser que eles apareçam, se você fez uma copia do seu modelo antigo pode ficar mais fácil.

    Porém, esses gadgets foram perdidos e recuperar é dificil, pode ser mais facil colocar novos,
    Mas você talvez possa ver sua página como era antes, tente ler esse post Aqui

    ResponderExcluir
  20. MMMMMMMMMMUUUUUUUUUUUUUUUIIIIIIIIIIITTTTTTOOOOOO
    OBRIGADA! ME AJUDOU A RESGATAR O MODELO ANTIGO QUE FOI PERDIDO POR UM ERRO MEU AO MUDAR DE LAYOUT PARA MODELO... VALEU MESMO! BJ

    ResponderExcluir
  21. Oi!
    Mudei o layout do meu blog e agora não estou conseguindo atualizar meus posts no novo (não aparece). O que houve e como posso consertar?

    ResponderExcluir
  22. Cintia Carvalho

    Realmente não sei o que está lhe acontecendo, só se um template da web muito errado para acontecer isso, e dependendo do erro o blogger não iria aceitar o código.

    ResponderExcluir
  23. ola boa tarde!
    estou com uma duvida terrivel..
    tenho uma pequena noção em html e xml...
    no momento criei um link de web radio em php e hospedei um site de amigo meu....
    o link ´´e o seguintye...
    http://baladarox.net/bhzperiferia/player.php
    gostaria de colocar ele no cabeçario do blog q é
    www.bhzperiferia.tk
    add ai djricardoamaral.com

    ResponderExcluir
  24. Rádio Pop fm

    Tenta pesquisar iframe

    Não sei se entendi o que você quer, não me parece ser caso de um link, mas, poderia chutar que o que você quer é colocar logo abaixo de <body> um código parecido com esse:

    <iframe src='http://baladarox.net/bhzperiferia/player.php' style='width:100%; height:20px;'></iframe>

    A altura é height:20px; e você deve regular o número.

    ResponderExcluir
  25. meu Amigo grato pelo iframe cara tava tomando um coro fora de serie neste player valew deu aki ok
    add meu msn ai djricardoamaral hotmail
    no mais parabens pelas respostas certeiras.

    ResponderExcluir
  26. no meu Blog não aparece modelo só layout e nele só tem os modelos antigos

    ResponderExcluir
  27. Robert Pattinson

    Apesar de os modelos que você viu no blogger serem "antigos", no sentido de que não são novidade, o fato de você ver a opção Layout indica que seu BlogSpot tem um código mais atualizado. Indica também que não é o modelo clássico, e isso é bom.

    ResponderExcluir
  28. Baixei uma template que só aparece no modelo classico, quando tento coloca-la no modelo atualizado da erro... quero muito a template em questão, me orienta o que fazer!!!

    ResponderExcluir
  29. Nubia

    Você deve ver onde você baixou ele para ver se tem um do novo modelo, geralmente no seu blog, quando usar esses templates, ficará links bem embaixo com o endereço de alguns sites que o fizeram, as vezes mais de um pois é uma cópia, veja também se possui o nome dele, se você descobrir o nome é mais fácil ir nesses sites e fazer uma busca para ver se encontra um com novo modelo do blogger

    ResponderExcluir
  30. Obrigada por me responder.
    Tenho o endereço já busquei um novo modelo e não encontrei segue o endereço abaixo se puder me ajudar
    ficarei mais que agradecida, pois pretendo fazer um blog para a empresa onde trabalho.

    http://finalsense.com/services/blog_templates/business_blog_1.htm

    Obrigada

    Núbia

    ResponderExcluir
  31. Nubia

    Infelizmente não tem esse template para o novo blogger, o que você poderia fazer é:

    → Procurar um modelo que goste, porém para o novo blogger.
    → Usar esse mesmo, porém, em, >>Layout, >>Editar Html tem um link que diz >>Voltar ao modelo clássico, e colar o código. Mas antes você pode colocar o formulário de comentário incorporado nas postagens, ele é uma das poucas coisas que continuará funcionando no modelo clássico, o restante, é bom saber um pouco de Html.
    → Você pode procurar um blog de templates para download(em português) para ver se eles não convertem esse template para o novo blogger, talvez é de interesse deles disponibilizar esse template no blog deles.

    ResponderExcluir
  32. Ola,

    Obrigada pelo retorno, estou infeliz pois gostaria de poder convertê-lo para o novo blogger mais ainda não tenho conhecimento... mas terei,
    Você conhece alguém com interesse em converter?

    Grata,

    Núbia

    ResponderExcluir
  33. Nubia

    Infelizmente não conheço ninguém que queira fazer, mas pesquisei por template para blogger e encontrei dos blogs de templates, ambos tem a opção de contato, você pode fazer o mesmo e entrar em contato ou comentar perguntando, não custa tentar, talvez eles tenham interesse em converter para o novo blogger, não custa tentar.

    templatesparanovoblogger.blogspot
    blogtemplates.info

    Depois conta como foi.

    ResponderExcluir
  34. Obrigada pela atenção...afinal hoje é noite de Natal e aproveito para lhe desejar uma ótima noite e que o nascimento do menino traga muitas alegrias a você e a todos que ama.

    Obrigada.

    Núbia

    ResponderExcluir
  35. me ajudou muito otimo tutorial he he

    ResponderExcluir
  36. Olá! tudo bom?

    Agora sim,eu entendi o porquê de eu não conseguir incluir imagens tão rápido assim na sidebar do meu blog: é porque o meu é modelo antigo! mas como eu não entendo taaaanto assim de códigos,e o meu blog têm fundo personalizado(e eu não posso perdê-lo),eu gostaria de saber o seguinte: como posso fazer,neste caso,para incluir imagens e a caixa de busca Google na sidebar?
    Não estou achando nenhuma dessas soluções.Será que vc poderia me ajudar?
    Muito obrigada!
    Abraços!

    ResponderExcluir
  37. Anna Monteiro

    Você pode tentar esses links abaixo, porém, um deles provavelmente você terá mais sucesso com o mozilla(mudar imagem)
    Como colocar caixa de busca google no Blogger

    Como mudar imagem no Blogspot

    Você pode fazer um postagem e colocar imagem nela e usar a parte Editar Html para copiar o código.
    Para quem usa o modelo clássico e quer mudar ou adicionar coisas em seu blog precisa saber no mínimo o básico de Html.

    Quanto a pesquisa do google, você também pode usar sua conta e configurar uma página e obter o código para adicionar em seu blog, Clique aqui para iniciar

    ResponderExcluir
  38. Olá amigo! muito obrigada pela sua ajuda!

    Realmente,a segunda opção eu consegui fazer,de forma super simples: o meu modelo é o clássico,como falei antes,então,não tem como eu mudar indo até a opção "adicionar gadget"...o que eu fiz,foi incluir a imagem q eu quero numa postagem nova.Aí,lá dentro,eu cliquei em "editar HTML" e aparecendo o código dessa imagem postada - a qual quero colocar na verdade,na sidebar - eu abri o modelo,e incluí esse código onde eu queria.Simples assim!

    A caixa de busca do Google,não consegui,pelo seguinte: o outro blog q eu tenho,tem um fundo (textura).Quando eu coloco o código no modelo,o fundo simplesmente desaparece! eu tentei várias vezes mexer nesse código p. saber o que tava causando isso,mas não consegui (ainda).Eu olhei esse link q vc colocou (http://facilefunciona.blogspot.com/2008/08/como-por-caixa-de-pesquisa-google-no.html) e fui ver o código HTML da página inteira,p. ver o código usado na caixa de busca.Copiei o código pro meu modelo,mas como falei,ao copiar e visualizar,o meu fundo some e não sei ainda como colocá-lo direitinho.

    Muito obrigada,tenha um ótimo dia!
    Abraços!

    ResponderExcluir
  39. Anna Monteiro

    Se você tentou pesquisa do google, a ultima opção que lhe indiquei, você deve perceber após cconfigurar o mecanismo de pesquisa, e clicar no link Obter código, vai levar a uma página com opções para escolher o local onde aparece o resultado, talvez a melhor opção seja Hospedar o resultado em uma página hospedada pelo Google Você terá 3 opções, uma deve dar certo, e, na página Meus mecanismos de pesquisa ainda tem a opção custom search element Novo!

    Talvez o local onde você está adicionando o código não seja o apropriado.

    ResponderExcluir
  40. Olá! mais uma vez,muito obrigada plea sua ajuda valiosa! Consegui fazer tudo dessa vez agora,tem só um detalhe que vou corrigir,mas agora é coisa mais rápida e fácil de resolver.
    veja o resultado em:www.licenciandosdaeba.blogspot.com
    Abraços!

    ResponderExcluir
  41. Olá. Eu mudei para layout, mas não gostei. Como eu faço para voltar para modelo?? Agradeço a resposta.

    ResponderExcluir
  42. Zama

    Talvez você não tenha gostado do estilo, você pode mudar o estilo escolhendo outro modelo do Blogger.

    Mas, se você usa o blogger Atualizado e quer mudar para o modelo clássico do blogger siga esses passos:

    → Procure o link Layout e clique.
    → Clique no link Editar Html
    → e bem abaixo localize e clique no link Voltar ao modelo clássico.
    → Talvez apareça uma mensagem de alerta avisando que perderá algo com isso, se você deseja reverter para o Modelo Clássico(antigo) deverá clicar em Ok ou algum outro botão de confirmar.

    ResponderExcluir
  43. peguei um modelo pronto de html e estou usando o modelo clássico.. não queria mudar pro novo, até mesmo porque não sei mexer com html e não achei nenhum que me agrade... mas só estão aparecendo duas postagens e eu gostaria que aparecessem umas 30 postagens. mas não sei como fazer isso, pode me ajudar?

    ResponderExcluir
  44. Miss Puissant

    Você só precisa no blogger.com ir em Configurações e aba/guia Formatação, a primeira opção é para isso em vez de dias coloca postagem e ao lado o número, e bem abaixo da página o botão Salvar...

    Nada de Html

    ResponderExcluir
  45. vc salvou uma alma do prugatorio com esse post
    valeu blaster

    ResponderExcluir
  46. Olá!
    Tenho um blogspot desde 2006 e até hj mantive o modelo (ultra) antigo do início. Como percebi que as ferramentas disponíveis atualmente para um blog mais atualizado são super práticas e modernas, gostaria de atualizar o modelo do meu blog também. Contudo, gostaria de perguntar se ao fazer isso, vou perder informações ou posts publicados há anos. O que perco e ganho com a mudança radical? Como devo proceder?
    Obrigada desde já!
    Sara

    ResponderExcluir
  47. Saramello

    Você não perde as postagens nem os comentários, mas o que você tem fora dela, sim, geralmente quem conseguiu adicionar coisas na lateral foi usando o HTML, sendo assim, não é muito difícil acessar o mesmo e copiar esses códigos antes de fazer alteração para o blogger atualizado, você precisará copiar só os códigos que adicionou para a lateral e colocar no blog usando esse procedimento. Cópias de códigos sempre devem ser colocados em arquivo/documento sem formatação, tipo bloco de notas do windows.

    Finalizando, você perde os códigos que geram as coisas da lateral, topo e rodapé se tiver, isso se não salvar eles em um documento.

    O que ganha, você pode observar aqui no post do blog, tem coisas como classificação, opção de votar, botões de envio rápido para amigos(abaixo do post), isso e os gadgets do próprio blogger que geralmente são fáceis de adicionar e coisas como o formulário de comentário embutido na postagem, e, a maioria das dicas para o blogger na web não funcionam com modelo clássico.

    Algumas dessas coisas ajudam um pouco a divulgação de um blog, nada disso faz milagres, mas são opções extras que podem ser aproveitadas, o formulário de comentário embutido aumenta os mesmos, e, comentários são conteúdo que as vezes nele está o que uma pessoa quer saber, também trazem visitas de sites de busca.

    ResponderExcluir
  48. Olá, queria mudar o layout do meu blog, daí entrei num blog, copiei o código mas não sei como colocar.
    Ajuda???
    Beijos

    ResponderExcluir
  49. Como sempre as informações são precisas e úteis. Parabéns

    ResponderExcluir
  50. Olá gostaria de saber como q eu faço, para numerar minha paginas do blog par aprecer assim la embaixo numero 1 2 3, para eu clicar e ir para a outra pagina em vez de aprecer postagens antingas . E o que quer dizer numros de postagens na pagina inicial e qual o numero que devo colocar desde já obrigado.

    ResponderExcluir
  51. Dj Torto é Pura Energia

    Nunca dei muita atenção para essa coisa de postagens numeradas porque achava que precisaria um script grande, mas achei algo que pode funcionar,veja aqui.

    Quanto ao número de postagens na página inicial veja aqui o que penso como faz, quantas colocar depende, usa um modelo leve e resumo de postagens aí pode colocar mais, modelo pesado e posts inteiros coloca um pouco menos...

    ResponderExcluir
  52. Muito obrigado esse blog é super útil e bacana parabéns.

    ResponderExcluir
  53. Tem que por as pontagens para ver o resultado já esta tudo resolvido muito Obrigado.

    ResponderExcluir
  54. Esta dando erro de novo não esta aparecendo a numeração das páginas me ajude . Fiz do jeito que esta no post mas apareceu uma vez só depois não apareceu mais.

    ResponderExcluir
  55. Dj Torto é Pura Energia

    Acho que aquele esquema é apenas para Home e páginas de categorias, não tenho certeza porque nunca usei, apena lhe indiquei o caminho que achei mais provável

    ResponderExcluir
  56. alguem mim ajuda ai galera por favor eu nao posso perder meu blog eu nao sei uzar o novo modelo eu achei uma porcaria

    ResponderExcluir
  57. como eu faço para voltar para versão antiga

    ResponderExcluir
    Respostas
    1. Se você escolheu um dos modelos novos para blogs, porém é dinâmico, e não gosta do modelo de blog dinâmico, pode ver como volta aos modelos não dinâmicos, clique aqui, mas, estou em duvida sobre seu problema e ao mesmo tempo me parece que você está é com dificuldade de usar a nova interface do blogger, para mudar a interface da plataforma do blogger veja como volta para versão de interface antiga do blogger, clique aqui

      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