Usamos como exemplo o modelo Mínima, então na pagina editar html procure por: #header-wrapper, #outer-wrapper e #footer nestas três partes você encontrará width:660px; troque esse valor por 980px. Agora no trecho depois de #sidebar{........} coloque isso:
#newsidebar-wrapper {
width: 170px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Repare se no trecho já existente #sidebar a parte float:....; está com a palavra right, se não tiver altere pois dependendo disso as duas colunas podem ficar do mesmo lado do blog.
Até aqui colocar os estilos CSS que define a largura da nova coluna e aumentamos a largura total do blog. A seguir vamos colocar a coluna propriamente dita, localize:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
Logo depois dessa linha você verá os códigos dos gadgets que tem no seu blog, elas são mais ou menos assim:
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
Copie qualquer uma delas e coloque no código abaixo da mesma maneira que fizemos:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
Agora coloque isso antes de:
<div id='main-wrapper'>
<b:section class='main'.....
Isso está poucas linhas acima de onde copiou o código. Preste atenção num detalhe muito importante, por exemplo, se copiou a linha <b:widget id='HTML2' locked='false' title='' type='HTML'/> para colocar no código da nova coluna deve apagar de onde estava ou seja na verdade vamos mudá-lo de lugar e não deixar 2 iguais, se deixar os dois na hora de salvar não vai conseguir pois o blog mostrará conteúdo duplicado.
Agora é só visualizar o blog e se estiver tudo certo clique em salvar. Depois disso é só ir a pagina layout e arrastar os gadgets para a coluna que desejar e assim acabar de organizar o blog do jeito que gostar mais. Caso uma das colunas apareça no final do blog em vez de uma ao lado da outra tente diminuir um pouco a largura da coluna (170px) ou aumentar a largura total do blog (980px).
Veja a mesma explicação na animação abaixo.
Link para esta página
118 comentários:
Ow Cara Deu certo mais
A outra sidebar ficow em baixo da velha como arrumo isso
Oi, Fabiano
Obgda pelas dicas, importantíssimas pra quem está aprendendo.
Aproveito para pedir uma ajuda:
quero colocar um nome em imagem no cabeçalho no lado esquerdo do blog, mas quando insiro a imagem, ela vai pro centro. Como faço para que fique no local desejado?
o blog é este:
http://somentesilvia.blogspot.com/
Desde ja, agradeço.
Valeu pela ajuda
acompanho o seu blog já faz um tempinho.e praticamente fiz o meu blog com as suas dicas.
agora com muito esforço consegui colocar três colonas.
muito obrigada..
agora é so eu aprender a ganhar dinheiro com meu blog
risos
ate mais
†µℓเ๏๏ .†.קαiм-
provavelmente se diminuir um pouco a largura das colunas ficarão lado a lado.
Serenissima
veja aqui como dividir o cabeçalho do blog
http://www.dicasparablogs.com.br/2009/10/como-dividir-o-cabecalho-do-blog-em.html
Fabiano Roberto, tem como explicar como coloca essas linhas azuis ae, bordas sei lá... que tem no seu blog, queria colocar no meu...!! se puder ajudar estarei agradecido!
Nosso template na verdade é feito com imagens de fundo na pagina editar html no estilo #content-wrapper
Olá, estou com uma duvida...como coloco aquele gadget que o visitante coloca o endereço de e-mail e recebe atualizações do blog no email? Seria de grande ajuda se me informasse isso. Obrigado
veja aqui como enviar suas atualizações por email
http://www.dicasparablogs.com.br/2009/03/enviar-atualizacoes-por-email.html
Oi! Eu consegui fazer *---*
mais,as colunas ficaram uma do lado da outra :( eu queria que as postagens ficassem no centro! como eu faço isso?
May, veja se em #sidebar e #newsidebar, a parte float:... está um com left e outro com right, isso que faz as colunas ficarem uma de cada lado
Ola sou novo por aqui gostei de suas dicas,gostaria muito de fazer uma coluna so para Parceiros é possivel?
Dicas PTC
depois que colocar a coluna pode usar o conteudo que desejar nela
Como eu coloco uma coluna ou barra não sei ao certo que fique em baixo do banner e em cima das postagens e das colunas??Que nem aquele de colocar link lado a lado mas para colocar texto??
Xd, é só adicionar um gadget de texto ou html/javascript e depois arrastar até o lugar que deseja
Fabiano, mas não tem como eu colocar lá.Tipo tem criar uma coluna horinzontal, eu acho que é assim.Como faço?
Ex:
_________________________
| BANNER |
|_______________________|
| "Nova coluna" |
|_______________________|
| | |
|Coluna | |
| 1 | POstagens |
| | |
| | |
|________|______________|
Entendeu??
Xd
veja se é isso que você quer
http://www.dicasparablogs.com.br/2009/09/como-dividir-sidebar-em-duas.html
vlw agora consegui colocar, demorou 30:00 e agora deu certo, esse site é ótimo
Fabiano, agora que eu vin ver isso, mas como eu afasto mas um pouco a coluna esquerda das postages
Matheus
você precisa alterar as larguras da coluna, por exemplo, colocando padding-left:5px ou padding-right:5px no código da coluna que deseja afastar, pode usar os dois caso queira espaços nas duas laterais, mas se a coluna for para no final do blog reduza a largura dela, ou seja no exemplo aqui colocamos 5 px de cada lado, então seria correto diminuir 10 px na largura da coluna, mas somente reduza se ocorrer o problema dela ir para o final da pagina.
no meu caso é padding-left:5 mas onde eu coloco??
coloque isso no código da sidebar ou newsidebar, dependendo de qual deseja alterar as distancias
amigo você pode colocar um exemplo do codigo do sidebar e newsidebar com padding-left:5??
#newsidebar-wrapper {width: 180px;color: #000000;margin-left: 15px;padding-left:5px;float: left;
amigo deu certinho valeu :D se quiser pode olar ai no meu site o resultado
Olá,fiz tudo certinho,mas a coluna apareceno final do blog,o que eu devo ter feito errado????
colocar mais uma coluna no blog é um procedimento complicado mesmo, é difícil dizer o que fez errado, mas tente procurar nos detalhes, as vezes falta ou sobra algum caracter na hora de copiar o código, fechar as chaves, divs...
Como você criou esse flash? Entra em contato comigo: mayheusera@hotmail.com
não tem como explicar como criei o flash aqui, precisa ter o programa e procurar tutoriais sobre varios assuntos
Como se faz essas videos aulas ??
Que programa vc usa ??
Flw
Games Show, a explicação no final dessa postagem fiz usando o flash, ou seja não é um video mas animação
Coloquei 3 colunas, mas uma aparece quando acaba a outra...
www.fitlife.com.br
Como faço???
fat212, acho que já resolveu o problema, entrei no seu blog agora e pareceu tudo certo com as 3 colunas
Olha Fabiano ,Eu achei os códigos do começo, só que tao modificados,Apenas o outer-wrapper está como no tutorial.
Está assim:
___________________________________
#footer {
clear: $startSide;
margin: 0;
padding: 0 20px;
border: 0;
text-align: $startSide;
border-top: 1px solid #f9f9f9;
___________________________________
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}
___________________________________
o que eu faço?
Olá,
ae povo,
me passa o HTML disso ai pra eu colocr no meu blog
Hualyson
realmente seu template é diferente, pesquise por width: deve encontrar algum com valor alto 660 ou mais, então altere para o 980 e veja se consegue fazer o resto do procedimento.
qual o link do blog ? assim posso olhar o html dele e responder melhor
cosmopax
você precisa alterar o código no html do seu blog ou procurar um template pronto para download
o código do jeito que publicamos já está pronto, você precisa é colocar no blog
Olha fabiano, o blog:
http://www.externatoticoeteco.blogspot.com/
é o blog da minha escola.
Eu que administro ele.
Fabiano Roberto, eu consegui fazer isso q vc disse, só que a coluna do lado esquerdo ficou um pouco pra dentro das postagens,para ficar normal eu altero o tamanho da largura do blog ??? Ou altero o tamanho das postagens?
Se eu for Alterar em que parte do "editar HTML" eu altero?
SIm, eu estou mexendo no html blog HISTORIA, tem no menu.
Fabianooo, Consegui, está tudo bem direitinho, eu alterei o temanho do novo side bar pra o mesmo tamanho do outro, ai deu certo!!!!
Muito obrigado pela ajuda!!!
esse é o melhor site para blogs de todos!!!
Obrigado!!
Hualyson
essas outras partes não tem a largura definida, pode tentar colocar mais um coluna no blog apenas alterando o trecho
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 692px;
esse 692 é a largura do seu blog, então aumente para 980 e coloque o código da nova coluna como indicamos na postagem
eu não consseguir achar os nomes #header-wrapper, #outer-wrapper e #footer e nem width:660px; onde fica por favor me responde
franciscot, clique ctrl F para procurar, mas alguns modelos não tem pq são adaptados
socorro
segui seus passos e deu quase tudo certo, mas sempre q eu adiciono a barra a original vai parar lá embaixo do blog. Eu queria que elas ficassem entre a coluna das postagens. Como faço?
T.R. Freitas, não entendi que barra está falando...
mas dependendo do que colocar no blog pode dar problemas devido a largura
Desculpe o termo incorreto é q eu realmente sou leiga no assunto, eu quis dizer a coluna original do perfil e arquivo.
Eu estou modificando o template basico 'minima' do blooguer e queria ter a sequencia COLUNA NOVA/ POSTAGENS/ COLUNA DE PERFIL E ARQUIVO
eu só me atrapalho com isso pq o espaço aumenta como vc ensina e eu coloco o codico como vc instrui, mas na hora de tentar mudar o tamanho das colunas como vc sugeriu antes só funciona com a coluna de perfil/arquivo, a outra permanece ou embaixo ou em cima. eu devo tá fazendo alguma coisa errada. Será que se eu te mandar a html, vc corigiria ou ao menos me explicasse onde está o meu erro?
T. R. Freitas
geralmente as larguras do blog estão em #main, #sidebar e #newsidebar, diminua um pouco esses valores
Finalmente descobri o problema.
era que na parte dos tamanhos não constava as medidas do #newsidebar, aí eu criei uma e agora tá perfeito!
Valeu pela ajuda! vc por acaso tem dicas de como substituir labels por imagens?
Oi Fabiano, enfim consegui adcionar a 3 coluna do meu blog, mas ele ficou meio desestrurado, porque só ficaram as separações de gadgets verticais, mais gostaria de colocar divisórias nas colunas.
Dê uma olhada no blog:
http://irmandade-do-dragoes-germanicos.blogspot.com/
Fabiano,
Com que programa e como você tinha feito aquela imagem que a algum tempo tinha em seu blog, aquela que tinha o nome Dicas para blogs e que ficava indo pra cima pra baixo e prum lado e pro outro batendo nas paredes. ?
a separação das colunas pode ser feita colocando um borda nas postagem, encontre #main{...
e coloque border: 2px solid # 000000; dentro das chaves junto com o que já estiver lá.
veja aqui outros tipos de bordas
http://www.dicasparablogs.com.br/2008/08/colocar-ou-alterar-as-bordas.html
o titulo se movendo e quicando nas paredes é feito em Flash, não é uma imagem é animação
Olá queria sua ajuda em 2 coisas !!quando eu fui dividir o meu blog em 3 ficou o mais bagunça a imagem de cima ocupou quase tudo sei lá não consigui fazer nada (OBS eu sei HTMl mais ai nao consegui)!!e os coisas do meu blog(contador de visitas etc..) vicaram tudo em baixo mais poderia me ajudar?!a outra ajuda que eu queria era como faço Buttons para mandar para blog para ficar como parceiro????OBS meu nome nao é antonio nao quero divulgar meu nome
colocar mais um coluna no blog é mesmo um trabalho complicado, ainda mais se o modelo que estiver usando não for um padrão do blogger.
sobre algumas coisas irem para o final da pagina precisa reduzir a largura das colunas ou postagens
Quando entro na página Editar HTML e pesquiso por esses códigos que tem que trocar o width:660px o width não aparece! o que eu faço?
Tuts
o importante é achar a largura que está em #header-wrapper, #outer-wrapper e #footer, talvez não apareça nos 3, mas onde tiver precisa alterar
quero agradecer a vcs por este site maravilhoso tem me ajudado muito no aprendizado deste meio de comunicação que é o blog. Muito obrigado, boa sorte pra vcs!!!!
NÃO conseguir!
Fiz tudo como explicou e ai some a coluna que ja tinha e nõa aparece a outra.
Me ajudem sera que alguém do blog pode me passar seu e-mail ai eu envio o meu Html e vcs fazem.
Por favorrr.
Melissaludy
colocar mais uma coluna no blog é mesmo complicado, tente fazer um blog para testes e usar o modelo minima nele
Oi, eu tenho a pouco tempo meu Blog vc acha que consigo fazer essas alterações todas?
Eu queria colocar uma na direita e outra na esquerda, mais elas são diferentes.
Para vc entender melhor:
http://muitas-dicas.blogspot.com/
João Manoel
o modelo do seu blog já foi bem alterado, não tem como mudar uma coluna de lado apartir do seu modelo daria quase mais trabalho do que trocar de modelo
Como eu nao consegui fazer a coluna q ensinou, fiz alguns passos, salvei o HTML, e baixei um template bonitinho, porem a segunda coluna é muita estreita e nao cabe nada, e nao consigo encontrar o codigo para alterar o tamanho.
Vou te passar o endereço do blog, e se puder dar uma olhadinha... bj
http://amandoevivendo.blogspot.com
E ultimamente este blog esta sendo tdo para mim, porem nem conseguir bloquear copia das fotos nao consigo, e tenho varias para postar.
(Meu outro blog, era mto simples, da web mesmo, por isso queria mais incrementado, mas estou levando uma surra que vou falar viu, rs)
Bjo e bjo
Rô Lopes e Mércio Moura
as larguras das colunas são em width: ...px;
Olá. Segui os passos e deu tudo certo. Muito útil. Um abraço.
Boa tarde !
Bom na verdade eu estou querendo aumentar o tamanho da sidebar ou onde fica as postagens.Eu uso o modelo Denim, eu aumentei a largura do blog e em seguida acrescentei bordas na sidebar e onde fica as postagens,só que no meio ficou um espaço em branco no qual não gostei, você pode me ajudar nisso, já tem alguma postagem sobre esse assunto.Se tiver onde posso encontrar mais fácil pelo blog, ou é aleatório.Desde já agradeço Fabiano.Abraços.
Megas promoções
veja aqui sobre larguras do blog
http://www.dicasparablogs.com.br/2007/08/largura-do-blog.html
Obrigado consegui!
Olá. Eu não estou consiguindo fazer. Já tentei varias vezes nas sempre acontece o mesmo. Ou fica uma coluna em cima e os post em baixo, ou fica tudo um em cima do outro. E o fundo fica diferente.
Meu template é o scriba (acho que é isso) então os nomes são diferentes. Pode me ajudar?
Flora Sellene
o problema de uma coluna ou postagem ficar para baixo é pq a largura das colunas mais a postagens é maior que a largura total do blog, ou seja diminua a largura.
sobre as cores ficarem desiguais veja se está usando imagem ou cor de fundo(backgroud) em alguma das colunas se tiver retire.
Template do Blog, colunas de tamanhos iguais
Eu fiz tudo certinho, mas no final, as colunas ficaram juntas do lado direito da tela, quando coloco left e right, na #sidebar e na #newsidebar, a coluna antiga fica embaixo da nova e sobra um espaço entre as postagens e as colunas, o que eu faço?
Nathy
veja sobreLargura do Blog
o problema deve ser que as larguras das colunas mais a postagem estão maiores que a largura total do blog por isso uma delas vai para o final da pagina.
Coseguii fazer a coluna !!! vlw msm so que não gostei muito xD !!! o nome da nova coluna não fica na msm cor da outra coluna !!! maiis vlw msm!
Valeu cara! Estava tentando colocar uma oura coluna a um tempo no meu blog e não estava conseguindo até que achei o seu blog. Muito boa explicação.
obrigado consegui adicionar a coluna !
porém como eu faço para deixar ela igual a outra coluna pois a original tem um espaço e uma linha de divição entre cada template gostaria de por isso na outra coluna tbm !
tem que procurar esses estilos que estão configurados para a sidebar e criar um nova para a newsidebar, por exemplo se tiver #sidebar{border: 1px} você deve criar um #newsidebar{border:1px}
mas veja somente as configurações principais, não é necessário duplicar tudo. e cuidado para não colocar dois códigos para a mesma coisa
Eu até consegui, só que as postagens ficaram coladas na coluna da esquerda. Como faço para centralizar as postagens?
Socorro Fabiano! Será que está valendo para o modelo atual do Blogger? Não consegui localizar "#header-wrapper, #outer-wrapper e #footer" nesta ordem, ou não é assim? Ai meu Deus, que negócio dificil este! continuo tentando....grata,
Liete Alves
nem todos os modelos tem essas tags, principalmente se baixar o template de algum site.
mas veja aqui sobre Designer de modelo - Layout e Configurações Avançadas
Meu blog (http://obairroondemoro.blogspot.com/) é modelo antigo, será por isso? Vou tentar o que vc falou. Muito grata!
deve ser por causa do modelo antigo sim, deveria mudar para o novo, mas salve os códigos do contador de visitas e todos os outros acessórios antes de mudar
Fabiano to tentando dividir o blog em três colunas, ma sto com um problema. a coluna da direita fica um pouco em baixo da coluna de postagens, ja tentei diminuir a coluna, aumentar largura e nada disso funciona, fica sempre um pouco mais embaixo. oq pode ser?
Kelvin, o problema tem que ser nas larguras ou vc não colocou algum código, por exemplo o float:...
aumente a largura total do blog
A largura estavam todas corretas, mas o float do main... era pra colocar left, NSB(left), Main(left), SB(right)... isso tudo por causa de 1 palavrinha ¬¬"... mas enfim consegui
Ola Fabiano Roberto, primeira vez que visito seu blog, e estou tentandop colocar as 3 colunas no meu, mas to perdidiinha, me diz uma coisa, meu blog tem um template personalizado, é essa mesma regra que eu devo seguir, ou há algo de diferente que devo fazer?!
Desde já grata!
Suellen+Junior, se encontrar essas tags no seu modelo o procedimento é o mesmo.
mesmo que seu blog usar outras tags e você souber localizar poderá usar essa explicação para colocar mais uma coluna no seu blog.
Obrigado a ajuda Fabiano Roberto, nfim consegui colocar a tal 3ª coluna, mas não consigo fazer com que a postagem fiquee no meeio certinho, faço várias alterações nos tamanhos e ela nem sai do lugar, é como se eeu não estivesse alterando nada..Vc poderia dar uma espiadela la e me dizer oque eu posso fazer?
Obrigado
no trecho que alterou precisa ir mudando os valores que estão em width para centralizar a coluna das postagens, se alguma das colunas for para o final da pagina é porque a soma das 3 deu mais que a largura total do blog, então diminua uma delas.
#main-wrapper {
width: 420px;
float: left;
padding -right:15px
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
width: 200px;
float: left;
padding-left:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Ahaaa, consegui!!
Brigadão!
abraço
E ai fabiano olha eu mais uma vez te enchendo o saco, rsrsrs, tipo assim, custei mas consigui colocar 3 colunas no meu blog, mas queria deixar um espaco de 1 centimetro mais ou menos entre as colunas, o blog e : www.blogsportmade.blogspot.com
veja aqui Espaço entre as colunas do blog
Oiie
Alguem pode me ajudar ?
eu Vi Um menu em uns do seus site "Cidade Web" la tem Uma menu azul..
Poxa você Pode me Mandar o Codigo dele para Eu Coloca em Meu Blog ?
Vlw & Obrigado !
ÁDAMYS
era um menu horizontal? se for veja aqui:
Links lado a lado (menu horizontal)
nao consegui :'o
tipo ... da pra explicar melhor? :X
esse site é d+ *o*
Oiie
E eu Aque de novo :B
Tipo eu coloquei 2 colunas mais uma ficou mais longe do que a Outra da postagem :(
Tem como Colocar a POstagem no Meio Das 2 Colunas ???
EX:
Coluna | | Coluna
| 1 | POstagens | | 2 |
| | | | | | |
| | | | | | |
|___|_____|_____|___|___|
Vlw & Obrigado ! =D
ÁDAMYS
veja aqui
Espaço entre as colunas do blog
Olá,
estou com uma dúvida, fiz tudo certo e ficou com 3 colunas meu blog, só que ai a coluna da postagem ficou mto grudada com a newsidebar, pra alterar isso coloquei o seguinte codigo: margin-left: 15px;padding-left:5px;
assim como vc tinha tido para o colega Matheus ai. Só que num alterou em nada...
Minha pergunta é como eu faço pra colocar o coluna da postagem um pouuquinho mais pra direita?
meu blog: http://anidaf.blogspot.com
Eva Moon
entrei no seu blog e só vi o padding na parte sidebar li, não é neste lugar, tem que ser onde aparece somente #sidebar-wrapper
Onde tem Menu vertical com efeito ?
Vlw ! & Obrigado ;D
ainda não publiquei sobre o menu vertical, mas vou fazer isso logo.
como aumentar a largura do TOPO do blog, sabe? o lugar onde colocamos a imagem com o nome do noss blog, sabe? ahh e tbm quero saber como retirar a rebarba, borda (sei lá como fala) em volta da imagem, sei que deve de ter que tirar algum codigo , só nao sei qual, me ajudem por favor....
veja aqui sobre Largura do Blog
a borda deve ter algo aparecido com isso no html do seu blog:
img{border:1px solid #000000;
o que estiver depois de border: apague e coloque a palavra none;
Fabiano eu tentei colocar as 3 colunas mais ficou estranho olha http://mi-coolschool.blogspot.com
como eu posso ajeitar
Mi
se esta falando sobre as colunas ficarem estreitas demais, aumente o valor em #header-wrapper
Largura do Blog
eu ja tentei em varios sites, mas não to conseguindo colocar as 3 colunas, é tudo diferente... me ajudem
Boas, Fabiano eu coloquei as 3 colunas. Só que a coluna do meio (das mensagens) ficou debaixo da que eu criei. Se quiser ver como está o blog é o seguinte http://robertocmfdownloads.blogspot.com
Veja se me consegue ajudar!
Roberto Faria
entre na pagina editar html e procure por:
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
apague essa linha max-width:700px;
Fabiano, obrigado pela a atençao mas não consegui resolver...
agora você pode também usar os novos recursos do blogger, na pagina designer de modelo http://www.dicasparablogs.com.br/2010/03/mudar-template-do-blog-designer-do.html
Naum consegui nem chegar á parte do <b:section class='main'... Não entendi mta coisa não...
Vc poderia me explicar melhor?
Radikais Getsêmane
você precisa entrar na pagina editar html, clicar para expandir o modelo e procurar pelos códigos que falamos.
mas agora é possível Mudar template do blog com a pagina Designer do modelo
Fabiano fiz tudo certo mas olha como fico as colunas > http://testeacb132.blogspot.com/
fiz esse blog de teste so para eu fazer as seguintes alteraçoes...mas a #newsidebar e a #sidebar estao coladas..me ajude!
мΑŦнэus, veja aqui
Espaço entre as colunas do blog
Olá, Fabiabiano! Não consigo de geito nenhum colocar uma terceira coluna no meu blog. Tento, tento e n consigo. Pra começar, n consigo achar o header, outer e footer p mudar o width p 980. Segundo, não consigo #sidebar{} sosinho, sempre vem acompanhado, tipo #sidebar-wrap {}. Coloco no sidebar-wrap mesmo, e n mudo os width p 980. O resto faço certinho (pelo menos acho que faço certinho). Quando visualizo a coluna ficou embaixo do cabeçalho, encima da coluna de postagens. Énfim, n dá certo. Vc poderia me ajudar? Eu poderia enviar o template p vc colocar os códigos p terceira coluna e me enviar de volta? Já n sou especialista em HTML, e isso tá complicado (pelo menos p mim)...
Meu blog é www.mjj-fc.blogspot.com.
Parabéns por esse blog super útil!
seu blog usa 740 de largura
#outer-wrapper {
width:740px;
precisa aumentar esse valor para colocar 3 colunas
OLá Fabiano sou fã dos eu blog, até tenhos eu link no meu blog. E agora preciso de sua ajuda, já coloquei a terceira coluna, mais agora com o novo design não precisa disso, ai q acontece? Meu blog ta todo bagunçado, pq além da divisão q fiz tem a do blog, resumo tudo embaixo das postagens. Ou seja como faço para tirar a coluna que tinha inserido?
Grata
Ane
acho que seria mais facil trocar o modelo do que corrigir o atual, mas pode tentar aumentar a largura do blog na pagina designer
Pow amei o tutorial...sofri um pouquinhO para corrigir o problema das coluna da esquerda ficar colada na coluna de posts..mas pra o pessoal que está com essa dúvida é só ir em:
#main-wrapper
e colocar logo abaixo
margin-left: 5px;
o valor 5 px vc vai alterando até ficar igual ao da coluna da direita..
muito obrigada pelo tutO!!
cara, tem como remover uma coluna?
meu blog tem tres colunas e eu gostaria de remover a sidebar do lado direito.
você pode tentar retirar a coluna fazendo o contrário que mostramos aqui, ou usar a pagina designer de modelo
Postar um comentário