Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

28 agosto 2008

Alinhar as colunas no modo layout

Algumas vezes pegamos alguns templates onde no modo Layout/Modelo, as colunas aparecem desalinhadas, geralmente uma coluna 'desce', apesar de visualizarmos o template corretamente.


Para corrigir este problema, vá em Editar HTML-> e cole antes de ]]></b:skin>:

body#layout #outer-wrapper {
width: aqui a largura de outer-wrapper em px;
margin-right: 0px;
margin-left: 0px;
}

Se no seu template a largura de outer-wrapper é 900px, coloque este valor onde está indicado. Salve a modificação e veja o resultado em Layout :


  • Este procedimento não modifica o template, apenas a visualização em Layout/Modelo.

Artigos Relacionados

38 comentários:

Garota Enxaqueca disse...

\O/

Obrigadinha!!!!

Eu queria fazer isso, mas não sabia SEQUER como te perguntar... rsrs...

Besos, guapa...

Dea Carvalho disse...

Obrigada, Ariane!
A visualização do meu layout em elementos de página tava uma zona mesmo...

Beijos!

Pedro Jr disse...

cara como eu faço pra falar com vc?
seu email ow coisa assim?
é que agora eu to atrasadaoo e procurei rapidinho aqui e nao axei!
se der pra vc mandar seu email para: pjalvescbjr@yahoo.com.br
eu agradeço!
valeww


aaaaa seu blog ta me ajudando autos aki!

Anônimo disse...

Saudações Ariane!

No meu template não funcionou, dá uma mensagem de erro, algo referente ao ($endSide).

tem como eu estar alterando este tal ($endSide)?

Abraços! _o/

Ariane disse...

maninho, já alterei o código para que funcione para todos, obrigada

Equipe Croft disse...

Olá Ariane!! Parabéns pelo blog, ele é maravilhoso!! Gostaria de fazer um assim, mas não sou foda como você; fiz uns dois, mais ou menos iguais que ficaram legais, mas não são bonitos como o seu... Pois é, preciso saber o que faço pra divulgar bem o meu blog, pois ele é sobre o jogo Tomb Raider, e nele tem notícias e tudo o mais, porém esse não é um blog pessoal que se niguém entrar não faz diferença... Preciso de pessoas visitando ele! O que faço?

Beijos e Obrigado!

Jaki Barbosa disse...

OI!!!! Gostei muito do template outono, porém minha amiga está fazendo um novo layout para mim personalizado. Gostaria de saber se vc pode me ajudar a colocar o template outono no meu blog, só que com outra imagens ( a do novo layout q minha maiga faz p mim).
OBS.: tentei colocar o outono em um blog-teste que fiz, só que não deu certo...
Meu blog é breguetesdajaki.blogspot.com
Meu email: jaqueline.barbosa@zymboo-inc.com

Jaki Barbosa disse...

oie!
só pra não esquecer!!!
mto legal seu blog, hein!!! adorei!!!
Apesar de não entender nada de html, seu blog explica td direitinho, os procedimentos corretos... assim fica fácil até pra qm não é um expert em lingagem java...
abçs

Provisório disse...

Te indicarei para o BlogDay no meu blog...

www.prolixolaconico.blogspot.com

Teresa disse...

Oi Ariane!

Será que você conseguiu encontrar um jeito de colocar as imagens no lugar das tags? Lembra de mim?
Como saberei se você encontrou uma solução? Você coloca um post aki? Como posso saber?
Agradeço desdo já a atenção e a dedicação que você coloca neste seu blog, partilhando o que sabe para ajudar os outros. Muitos parabéns pelo trabalho, mas essencialmente por esse espírito de partilha.

Bjs

DaNiLo disse...

Olá.. WebMaster !

Desculpe entrar em contato por aqui..

Mas não encontrei nenhum link para contato em seu site.

Tenho um blog com temas de WordPress !

Acho que seria interessante fazermos parceria.
Troca de links, banner ou indicações..

Entre em contato por email ou msn:

danilosnts@msn.com

Até mais !

Provisório disse...

ola....
ja estava procurando por isso faz bastante tempo...

aqui, vc saberia me dizer se tem jeito de editar o template no dreamweaver cs3?

Kel disse...

Olá arine, tudo bom?
Eu vim pedir ajuda.
Estou usando um template seu, sem ser modificado.
Acontece que na hora de por os links neles, em cima do título do blog
aparece isso
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 reference to entity "uid" must end with the ';' delimiter.

Eu tenho certeza que não esqueci de nada, nem das aspas ^^
;*

Anônimo disse...

Ariane,

acabo de ouvir sua entrevista, e gostei de tudo que ouvi. O que vou perguntar, nem sei se é da sua especialidade, mas na falta de outra pessoa, ou técnico que cuide disso, vou arriscar:
Tenho um blog e quando as pessoas acessam aparece uma janelinha lateral com um SPAM. Como posso me livrar desse invasor! Muitos dos navegantes já me reclamaram, e não sei como fazer. Pode me ajudar?
Meu blog é VARAL DE IDÉIAS
o link: cimitan.blogspot.com/
e-mail: cimitan@terra.com.br
Eduardo Lunardelli

Antecipadamente obrigado pela atenção,

Unknown disse...

Ariane...
obrigado pelos elogios no bloggercast! =D

bjo

Info Always disse...

ola Ariane ...vim aqui te dar os parabens pelo podcast no blog da Juliana...foi muito show alem de te achar super segura e concisa nas suas respostas, tambem te achei que vc é uma pessoa fantastica...estou começando agora com blog mais ja me encantei com suas esplicações e tenho feito muito uso.....to apanhando ainda mais como vc disse na entrevista é normal....sucesso ...vlw..

Info Always disse...

meu blog http://www.osmelhoresnopdv.blogspot.com/

Unknown disse...

Olá ariane!!!

primeiramente, quero dizer que estou baixando o podcast. Vou ouvir no meu mp4 e depois passo aqui pra comentar(espero que tenham lido - e respondido - minha perguntinha, hehehe).

queria que vc me ajudasse numa coisinha: mudei o layout do meu blog, mas em cima da imagem do template, fica aparecendo o nome do meu blog e naum sei como tirar, pois com o nome, atrapalha toda a estetica da foto do template.

gostaria muito que vc me ajudasse. se puder me responder, deixo aqui embaixo meu email e meu blog:

email: victorpaulo13@hotmail.com
blog: www.seriadosnopc.blogspot.com

bjus e sucesso pra ti!!!

Ariane disse...

Paulo, não são elogios mas sim minha opinião sincera. Abraços!

Unknown disse...

xD
obrigado Ariane! =D
bj

Ariane disse...

a filha unica, preciso ver uma cópia do código q vc está colocando, para ver o erro.

Eduardo, não sei como este invasor entrou na sua página - meus conhecimentos são bem limitados - mas às vezes eles vem junto com serviços gratuítos, tipo contador, relógio, essas coisas. Nada é realmente de graça nesse mundo...como tirar eu não sei, talvez dê prá esconder. Tenta colocar este código acima de ]]></b:skin>:

#webo_pub{display: none;}

Talvez resulte no desaparecimento da janelinha (mas não do código da mesma na página, ok?)

Paulo Sobe a imagem pelo proprio blogger (layout, clique em Editar no cabeçalho) e clique em Em vez de titulo e descrição.

Anônimo disse...

Oi Ariane, tudo bem?
Olha eu aqui de novo! Essa semana eu levei uma coça tentando mudar o template do meu blog. E até dei uma passadinha por aqui atrás de dicas. Mas hoje o Lulasi do Lugar do Real, do Simbólico e do Imaginário, me avisou sobre esse seu post.
Já gô aqui estudando.
Obrigado mais uma vez e toda sorte pra você!
Tenha uma ótima semana!
Doté Jorge

GAMA disse...

P.E.R.F.E.C.T

Bom Jesus Active disse...

Ariane,
Quando usei um de seus templates no meu blog o meu Layout ficou uma verdadeira bagunça

os Gadget ficam un por cima dos outros, links fora dos Gadgets e não deu certo esse codigo q vc deu

o template é o "dfmarine"

a proposito o ele é lindo, mesmo!

PS.: Me ajude por favor! o botão editar em alguns Gadgets ficaram ocultos e não da mais pra fazer nada!

Andreglopes disse...

no meu esta uma bagunca tbm alguns ficaram escondidos na tela teria como eu arrumar isso

Leidy Guterres disse...

Eu fiz como c ensinou aew + Nao cosegui levantar a coluna do lado direito

Me ajuda aew http://gladsonnaic.blogspot.com

So qro alinha a coluna da direita

Vlwwww

Leidy Guterres disse...

Eu fiz do jeito ki c ensinou aew

+ a coluna da direita continua desalinhada

http://gladsonnaic.blogspot.com

Me ajuda aew ohhh vlwwwwwww

Anônimo disse...

Arianeeee, me ajuda aee!

Jah fiz oq vc disse ae e nao deu certooo! tirei um print pra vc ver: http://img222.imageshack.us/my.php?image=imagemxgt.jpg

Meu: template eh do Pirata (axo q vc sabe qual eh xD)

meu blog: www.clanrvtrn.blogspot.com

Ariane disse...

O seu template é bem estranho, pois não existe especificação de largura para nada: nem outer-wrapper, nem main, nem header....acredito que seja necessário primeiro especificar largura para estas divs e só então alinhar no modo Lyout.

Anônimo disse...

Fassa um favor, eu posto ele akii pra vc baixar ai vc ajeita e me manda pelo e-mail ou posta aki dneovoo! Por Favor!

Miss Bombshell disse...

olá Ariane, eu fiz tudo conforme consegui alinhar tdinho, mas ficou fica um espaço enorme entre o bloco de psotagem, sidebar etc, ea navbar, ficou desalinhado na tela, uso o IE8, tendo que rolar pra ver todo o layout...
q será hein?

Miss Bombshell disse...

ops,o blog em questão é http://lacacarminada.blogspot.com/
abraços.

Sweet-Lemmon disse...

Oh...fiz tudo conforme vc explicou mas a coluna da direita continua desalinhada, assim como a navbar. :( Testei no IE8 e no Firefox e é a mesma coisa.

Help? Please...
Obrigado! :)

http://sweet-lemmon.blogspot.com/

Ana, A menina que roubava idéias disse...

Oi,

Cansei dos meu template, quero deixar um visual mais limpo, como faço para retirar o meu template e ter um outro? Agradeço. beijos

Anônimo disse...

Ola Ariane ,eu tô querendo colocar no meu blog uma lista (de blogs que recomendo só que com um desenho de bolinha ou estrela do lado,
sabe como pra destacar aqueles que mandam mais visitas?
como faço esta lista?
meu email é sheila-nicoli@hotmail.com
muito obrigado pela atenção!

Minha telinha disse...

Oi Ariane tudo bem? Meu nome é Pedro,sou seu fã nº1 admiro muito seu trabalho.Gostaria que você me ajudace se for possível.Tenho um blog e vejo todos seus tutorias,e tenho aprendido muito, Obrigado. mais a minha dúvisa é seguite, como eu faço para colocar a culuna central do blo no centro, já fiquei várias madrugadas tentando e não conssegui,até troquei de template, que era o revolution code-red você deve conhencer.Até coloquei seu link no meu blog, se você quiser dá uma olhada, o endereço é http://pedroliver2065.blogspot.com e la tem o meu blog de teste que é o bagaço, está com o template que quero muda as colunas,Não teria como você fazer um tutorial com esse template, ou me enviar já com a culuna central no centro por e-mail. desde de já agradeço e fica com Deus. Obrigado

Ariane disse...

Minha Telinha o template que vi no link que vc deixou tem apenas uma sidebar.

reginahelena disse...

o meu blog tem a medida do outer-wrapper em porcentagem (100%)
não consegui alinhar o leyout. Pode me ajudar?

Abraços.

http://leituraconcisa.blogspot.com/

Postar um comentário

Os comentários são moderados.