Post sobre | 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.
    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:

56 comentários:

Mundo Jovem disse...

é 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

Blog... disse...

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.

Rafaela. disse...

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

blog disse...

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.

Blogspot disse...

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

Blog... disse...

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.

Marcela Swan Cullen disse...

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

Blog... disse...

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

Anônimo disse...

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

Blog... disse...

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

Ruby disse...

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.

Blog... disse...

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.

Ruby disse...

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.

Blog... disse...

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.

Ruby disse...

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

Ursinhos Risonhos e Souza Barros disse...

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?

Blog... disse...

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.

SpecTrading disse...

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?

Blog... disse...

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

Joie disse...

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

Cintia Carvalho disse...

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?

Blog... disse...

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.

Rádio Pop fm disse...

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

Blog... disse...

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.

ricardo Amaral disse...

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.

Robert Pattinson disse...

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

Blog... disse...

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.

Nubia disse...

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

Blog... disse...

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

Nubia disse...

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

Blog... disse...

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.

Nubia disse...

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

Blog... disse...

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.

Nubia disse...

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

TamiresuHikaru disse...

me ajudou muito otimo tutorial he he

Anna Monteiro disse...

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!

Blog... disse...

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

Anna Monteiro disse...

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!

Blog... disse...

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.

Anna Monteiro disse...

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!

Zama disse...

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

Blog... disse...

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.

Miss Puissant disse...

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?

Blog... disse...

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

Ellen Kency disse...

vc salvou uma alma do prugatorio com esse post
valeu blaster

saramello disse...

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

Blog... disse...

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.

karol* disse...

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

Blog... disse...

karol*

Você pode dar uma olhada em colocar códigos no blogger(clique) ou dicas de como funciona o blogspot

T.Cohen disse...

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

Dj Torto é Pura Energia disse...

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.

Blog... disse...

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

Dj Torto é Pura Energia disse...

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

Dj Torto é Pura Energia disse...

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

Dj Torto é Pura Energia disse...

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.

Blog... disse...

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

Postar um comentário

  • Atenção, o comentário será postado em outra página e não estará aqui, se usar o comentário para perguntar, use uma conta e o link: Subscribe by email(abaixo) e poderá ser avisado.
  • Comentário com e-mail será ignorado
  • Antes de perguntar leia o texto até comentários e pesquise
  • Será ignorado comentário sem relação com o assunto ou com Url de blog/site(Divulgar? Clique)
  • Comentário reflete a opinião do comentarista. Desde já, Obrigado!

GoogleCustom Search

Dinheiro para blogs
Google Adsense HOTWords
Divulgação de blogs
Inscreva seu blog/site: