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

10 dezembro 2007

Alinhando as colunas e o Texto no blog

Eu ensinei como adicionar coluna nos templates, mas acho que me esquecí de um detalhe importante que é o alinhamento das colunas, ou seja, os espaços entres elas. O que está acontecendo é que vejo muito blog onde uma coluna foi adicionada, mas ela acaba ficando grudada na coluna do post. Então vou ensinar a alinharem, não só a coluna, como os textos.

Vou usar, novamente, o Template Mínima (do Blogger), como exemplo.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
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 */
}

#sidebar-wrapper {
width: 220px;
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 */
}

Recapitulando: Outer-wrapper é a largura total do template, por isso, ao acrescentar uma coluna, você deve somar os valores da largura de todas as colunas e o valor total não pode ultrapassar o valor da Outer-Wrapper (width= largura). Aqui, por padrão, a largura total é só de 660px e para inserir uma nova coluna é preciso aumentar este valor, ou a coluna desce.Vamos aumentar para 850px e inserir uma nova coluna de 200px. Vai ficar assim:

410px (main) + 220px (sidebar) + 200px (newsidebar) = 830px

Inserindo a coluna, não esqueça de posiciona-la (float) e tenha atenção para que, quando se insere uma nova coluna, ela está vazia (não tem elementos de página), portanto, quando você visualizar não vai ver nada e a coluna do post vai tomar o lugar dela. Explicando melhor: você tem um Mínima e colocou uma nova coluna com float: left; mas visualizou e o que estava à esquerda era a coluna do post. Salve, vá em Modelo e você verá a coluna lá. Coloque algum elemento de página e pronto, a sidebar aparece e a coluna do post vai para o centro da página.

No meu exemplo ficou uma sobra de 20px e a nova coluna que inserí à esquerda, ficou colada na coluna do post:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 850px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
border: 1px solid $bordercolor;
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 */
}

#sidebar-wrapper {
width: 220px;
border: 1px solid $bordercolor;
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;
border: 1px solid $bordercolor;
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 */
}

Veja a imagem correspondente (clique para ampliar):



Veja que só inserindo coluna sem determinar margin, a nova coluna e a coluna do post ficaram grudadas. Vamos arrumar isto:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 850px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
border: 1px solid $bordercolor;
margin-left: 7px;
border: 1px solid $bordercolor;
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 */
}

#sidebar-wrapper {
width: 210px;
margin-right: 5px;
border: 1px solid $bordercolor;
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;
margin-left: 5px;
border: 1px solid $bordercolor;
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 */
}

Veja o que eu fiz: empurrei as duas colunas laterais a uma distância de 5px das margens e coloquei uma margem de 7px da coluna do post para a esquerda. O que aconteceu? Uma das colunas desceu, por que extrapolei a conta: 5px+5px+7px= 17px. Aí você me diz, mas não era uma folga de 20 px? Era, se eu não estivesse usando bordas. Veja que todas as colunas tem 1px de borda, 1px cada lado=2px e somando as tres colunas=8px a mais na nossa conta. O que eu fiz? Repare que neste ultimo código a sidebar está agora com 210px e não mais com 220px como antes. Ficou assim:



Problema de coluna resolvido e sem massagem... (não resistí mrgreen )

Agora vamos para o texto. Você vê na imagem que o texto está grudado nas bordas por que os templates do Blogger, principalmente o Mínima, não tem margem nenhuma nas colunas, Então vamos colocar. Primeiro o do post. Encontre este código:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

Apague os valores em margin e coloque:
margin: 10px;

Agora procure este trecho, que se refere as colunas sidebar e newsidebar:

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

onde estiver margin, apague os valores e coloque 5px. O resultado até agora é esse:



Bem melhor, né? Mas olha como o título do blog está estreito em proporção ao template novo...Vamos arrumar isto também!

encontre este trecho:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Modifique o valor de width para um que corresponda à medida nova do template. No meu exemplo eu coloquei 840px;. Ficou assim:



Bem melhor do que no começo, não?

Artigos Relacionados

64 comentários:

Victor disse...

Ola,tud bem?
Segui direitinho seu tutorial, so que não deu certo. Fiz no meu blog de teste, pode dar uma olhada?Ponto Teste> pode me dizer no que errei? Obrigado!

Ariane disse...

victor, como está no tutorial, enquanto vc não colocar nenhum elemento de página na nova coluna, a coluna do post vai tomar o lugar dela. Coloque os aquivos, por exemplo, na nova coluna e visualize. depois me conta. um abraço!

Mauro disse...

Gostaria que você colocasse um link no post anterior falando do alinhamento das colunas, pois eu fiz a primeira parte e não gostei das colunas "grudadas" e não salvei as alterações. Só depois que vi a correção é que voltei e fiz tudo novamente. Pode evitar que outras pessoas façam o mesmo. E não custa nada acrescentar um link.

Quanto ao problema de coluna resolvido e sem massagem... Só você pra conseguir fazer a gente rir no meio de um assunto desses.

Quando comecei a blogar evitava colocar algumas frases que pudessem não ser bem entendidas, visto que muitas pessoas diferentes lêem o blog.

Mas depois de visitar o site da Nospheratt (www.blosque.com) eu li um texto que também achei muito bem sacado e decidi que a partir daquele momento eu não iria me preocupar, se alguém não entender, paciência.

Eu coloquei o endereço da Nospheratt porque tem um link aqui, então acho que você não se importará. Aliás, não é mais "Blogando por dinheiro" agora é "Blosque.com"

Parabéns pelas ótimas dicas.

Ariane disse...

Mauro, obrigada pela dica, já está. abraço!

Kyub - Fê chan - disse...

nosssaaaaa !!! *0*
estou honradissíma em ter conhecido seu blog, falo sério.
:]

fiz como explicou, minha nossa.. o meu deu tudo certinho >_< e estou muito feliz, você realmente é uma ótima professora eim :D

ameii seu blog e seu tuto, dou meus sinceros votos e meus parabéns \o continue assim com seu imenso trabalho.

Ariane disse...

kyub, eu é que te agradeço todo o entusiasmo demostrado no seu comentário! Muito obrigada mesmo, abraço!

Pimenta disse...

obrigada! esse seu post me ajudou pra caramba a personalizar o meu blog... aos poucos pretendo ir melhorando, mas já está mais com a minha cara...

parabéns!

Kinho - PB disse...

® Bem, primeiramente gostaria de agradecer pois seu blog tem me ajudado muito a personalisar o meu blog.

-Em segundo luagar tenho algumas dúvidas:

╚Quanto a margem de textos:
eu não conssegui deixar a coluna do post separada da 1° coluna não, ja coloquei um espaçamento de 20px e mesmo assim não funcionou.

╚Quanto a barra de navegação:
-Na minha barra de navegação o link do mu blog está se repetindo e só depois está pondo o link que deveria estar lá.
Vou explicar melhor:

Link que eu coloquei:
crepusculorpga.forumeiros.com
Quando clica fica assim:
crepusculorpga.blobspot.com/crepusculorpga.forumeiros.com

?¿como faço para concertar esse problema?¿

® No mais é isso, seu blog ta muito bom e seu trábalho esta sendo ótimo, muito obrigado pela atênção que dedica ao blog e aos blogers que aqui vêen.

Kinho - PB disse...

Oi olha eu aqui de novo ^^ vim só diser que a questão dos links da barra de navegação ja conssegui resolver, mas a parte do alinhamento da coluna ainda ta me dando um trabalhinho.
A. É big, é big. é big é big é big. Feliz Niver pro Templetes Novo Blogger! [?:)]

Katia Flavia disse...

ola adorei o site, e perfeito ja passei dias e dias procurando um blog que me ajuda-se , ate q enfim minha busca acabou.. parabens pelo blog

Anna Monteiro disse...

oi Ariane,eu aqui de novo =)
Dessa vez a pergunta é mais simples...e acho que é mais rápido de se resolver:

Essa coluna criada à esquerda,a nova,eu fiz exatinho como vc orienta. Mas ela tá vazia.Como se inclui conteúdo nela?
Veja em: www.anailustra.blogspot.com
ou se preferir escrever sua resposta aqui: aanaa@bol.com.br.
Brigadíssima!
Abraços =)

Riva disse...

Olá! Quero agradecer sua dica pois, tinha visto em outro blog (muito bom por sinal)que não há como inserir colunas nos templates do blogger. Com muito faz-e-desfaz (ufa!), consegui colocar uma à direita, no modelo do template Scrib, que é bem diferente do Minima.

Silvinha disse...

Muito obrigada! Finalmente consegui colocar uma 3a coluna e manter o novo Blogger. O passo-a-passo està perfeito!
Também me assustei com a coluna vazia à direita dos posts, mexi, mexi, mas resolvi colocar algo là (antes de chegar nessa pàgina onde vc diz exatamente isso) e pronto.
Abraços

Luciano disse...

vlw fera

val.ELLA disse...

Ola.
SANTA IGNORANCIA, BATMAN!

Estou tentando colocar duas figuras no meu background.

Por favor; veja meu blogspot: HTTP://jardimemcores.blogspot.com

Inseri um URL no meu background. Porem ela não se extende em toda pagina e acredito que por isso ela se repeti do lado direito.
Entao tive uma BRILHANTE IDEIA de colocar outra url lá nesse lugar sem dono. E nao funcionou. Porem qdo eu coloco uma cor hex, funciona. Como poderei incluir uma segunda url no MEU bckgrd NESTE LUGAR SEM DONO?

TB QUERO AGRADECER AS EXCELLENT CLASSES QUE TENHO TIDO POR AQUI.
OBRIGADA
ELLA.


NO MOMENTO ESTA ASSIM:

background:$bgcolor;
background: url("http://1.bp.blogspot.com/_y4REsArWVrk/SHgGR2RDdgI/AAAAAAAABps/l_r5X4_zQek/s1600/valvalval.jpg");
background-attachment: fixed;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Promoções e Amostras Grátis disse...

Olaaaaa. estou com uma pequena grannde duvida, rsrs.
Voce sabe onde eu xego o texto da sidebar + para a direita. Pois olhe soh o meu blog http://nandamuiloka.blogspot.com
eu aumentei os esaços laterais,.. mas qndo tento aumentar a parte da sidebar , o texto fica no mesmo lugar..e acaba entrando na parte do main. :(
vc tem alguam dica? :)
bregada.
adorei o blog. ;)

Leandro Tadeu disse...

Buenas,foi uma baita ajuda este teu tutorial. Estou começando em blogs e não entendo muito, mas queria meu blog com três colunas no template que havia escolhido. Tua explicação deu certo. Valeu.

www-firststep disse...

Olá, Adriane!
Sou Sandra, de Portugal, e na m/ modéstia tentativa de fazer um blog (p/ o grupo de dança onde andam os meus filhinhos), acabei por dar com suas dicas na Net k mto me têm ajudado! Já consegui adicionar + uma sidebar ao template, mas tenho encontrado dificuldades em alinhar o texto ao centro, na coluna da direita. E tb em colocar widgets individuais com bordas arredondadas. Agradecida, desde já, se me puderes ajudar! O teu blog tá mesmo mto bom, tenho feito mtos melhoramentos desde k descobri as suas dicas. Tá do melhor!!Continuação de bom trabalho!! Até sempre!

naruto daisuki^^ disse...

Ariane,aconteceu uma parada estranha no meu blog....fiz tudo o que você falou,mas a minha nova coluna apareceu la direitinho,mas a antiga(que ja estava) ficou em baixo da parte de onde posto.....o que fiz de errado..me ajude ai por favor....

naruto daisuki^^ disse...

Ariane..esqueçe o meu ultimo comentario...ja consegui...mas agora rolou uma duvida pra mim...como deixo meu menu igual(ou..parecido..tambem serve..) ao seu...tipo como se fosse um menu mesmo...o meu fica tipo link so que não tem borda perto nem nada....ele é super simples...

Ariane disse...

naruto, vc tem que criar uma imagem e colocar ela para que apareça em cada item da lista.

Finha disse...

Oi, antes de tudo, parabéns e obrigada, seu blog tem ajudado muito a melhorar o meu!! Eu aprendi a fazer colunas nas postagens porém não consigo fazê-las ter aparência igual, vc sabe como posso resolver isso? Dá uma olhada no meu blog. Valeu!

Maika disse...

Olá boa tarde !!!

Muito obrigada pela ajuda, pelo manual, pela boa vontade em explicar nos mínimos detalhes tudo sobre como podemos melhorar nosso blog.
Estou começando agora, não entendo nadica de nada de códigos HTML, configurações etc e tal, mas vc com sua boa vontade e explicação simples e direta, conseguiu com que uma leiga no assunto conseguisse formatar o blog!
Mais uma vez, obrigada !

Abraços !

Vera disse...

Oi Ariane
Finalmente eu consegui!!!yupyyyyy!
Muito obrigada pela maravilhosa ajuda.
Eu uso o TNB quase todos os dias em um blog de testes e a cada dia, aprendo mais...até que terei tudo do jeito que quero, no meu blog principal que é o Links e Links!
http://linkselinksnet.blogspot.com
Tudo de bom pra você e muito mais sucesso!!!

Vera disse...

Pior que eu não lí que não era para deixar o link do blog...bom, mas eu parabenizo pelo maravilhoso trabalho.
Para mim, deu tudo certinho...você realmente sabe fazer este trabalho: ensinar a fazer!
Muito obrigada e saiba que a maioria das coisas que sei sobre blogs aprendi aqui! Uso um blog de teste!
Beijos

jefão disse...

otima dica!!

to aprendendo muitas coisas aki

chrystian disse...

oi, eu queria adicionar uma coluna embaixo do meu blog so q como q faz? por favor me fala!

Ariane disse...

chrystian, embaixo? do quê?

Douglas disse...

inserir a coluna eu consegui mais alinha
num teve geito olha print
http://img246.imageshack.us/img246/8618/37363098qm4.jpg
sorte q fiz num blog de teste me ajudem a
arrumar isso to precisando colocar mais colunas no meu blog

Kogarasumaru Clan disse...

Olá queria saber como botar aquelas linhas para dividir as colunas. obrigado!

Wellington disse...

Olá... adorei a dica hein! PARABÉNS!!!!

22 pm disse...

oiii!
muito obrigada, esse tutorial era tudo o que eu precisava!
consegui colocar as colunas, mas na hora de alinhar, troquei os valores e elas nem se movem! fiz a soma dos px, era pra estar tudo ok... será que tem a ver com o nome do comando? aqui você usa "margin-left" e lá está "margin-$startside". mas eu ja troquei esses comandos também e nada (uso o mínima).
vc pode me ajudar?! obrigada!

Ariane disse...

22 pm, pelo que vi as colunas estão corretamente alinhadas.

22 pm disse...

opa! acho que ele se resolveu sozinho, não entendi bem como...
mas,
parabéns pelo blog, é excelente!

Douglas A.B. disse...

Olá Ariane.

Meus parabéns pelo excelente blog!

Através dele desistimos de migrar o nosso para o Wordpress, pois conseguimos editar o template padrão e melhorar como queríamos o nosso blog.

Abraços.

Douglas A.B.

Andrew xD disse...

Ariane la no meu blog to tendo um problema porque quando consigo por a newside bar ela aparece sabe aonde?

EM CIMA do cabeçalho!

nem arrumando aqueles negocios de margin px
deu certo me ajuda por favor!

vitor yuji disse...

onde fica o blogroll?

Mme. Succubus disse...

O seu blog é simplesmente um dos melhores em utilidade em minha opinião.

Parabéns!

Nunca deixo de ler *-*

Moisés disse...

caramba, tirei o chapeu, tu é boa nisso mesmo, MEUS PARABENS, fiz tuas modificaçoes, to com tres colunas com otimo alinhamento, e quero mais nada não, continuarei lendo teu blog e aprendendo mais com eles e divulgando ele para outros que queiram aprender, o meu ainda não é definitivo, mas em termos de template ta finalizado, agora so acessorios.
PARABENS, GRANDE ABRAÇO.
moisesalba.blogspot - agradece.

SoftMix Downloads disse...

Muito Obrigado Ariane
Você me salvou
Continue assim pois suas idéias são geniais
se não for muito da uma conferidinha lá please
http://softmixer.blogspot.com

Abraço

Julianne Luiza disse...

Ariane, Vlw!!! Fiz tudo direitinho e deu certo!!
Muito Obrigada!
Tem muita coisa que quero mudar no meu blog e no da minha amiga (ela não leva jeito pra coisa), e minha visita aqui será constante! rss'
beiJú

The Hamper disse...

Ariane....vlws...fiz akie deu tudo certo..hehhe....
e o melhor de tudo eh q é mó facil e eu pensava que devia ser mó complicado....mas é claro que ficou fácil graças a esse tutorial...

vlws mais uma vez...

Athena Ƹ̵̡Ӝ̵̨̄Ʒ disse...

Nossa ja faz muitoo tempo que eu queria por no meu blog uma nova coluna , e graças a ajuda de vocês eu Finalmente conseguiii!!!

Muito Obrigadaa!!
e Parabéns!

>.<'

Danielle Magnabosco disse...

Olá! adorei a dica, mas não era isso que estava procurando... aliás, não consigo encontrar... queria aumentar o meu template para poder adicionar colunas e não aumantar o nº de colunas nesse template... é muito apertado... teria como me ajudar? Grata!
http://reclameconsumidor.blogspot.com

G i B a disse...

Antes de qq coisa, quero dizer que esse blog é de graaaande utilidade, muito legal mesmo... Agora, eu preciso de sua ajuda, baixei o template março (muito bonito) mas não consigo centralizar as widgets, por exemplo, tem um da radio lastfm que não fica centralizado na coluna e tb tenho um com os ultimos comentários que o texto esta ultrapassando a coluna. O layout tb ta uma bagunça...rs... vi a usa dica para corrir isso mas não adiantou. Help me!!!! Blog: elevem.org brigadu!

Alexandre disse...

Olá Ariane e a minha primeira vez aqui no site !! parabens muito bom !! Estou com um grande poblema que mim encomoda muito nem consego mais domir direito he he .. pois meu templaste visualizado no mozila , fica perfeito e pelo internet explore a 3 coluna desce !!! procurei na web a soluçao mais ta dificil se poder da um help , te agradeço by emal:mileniodosdownloads@gmail.com

Filosofia de gaveta disse...

Olá, segui todas as dicas de adicionar coluna, deu tudo certinho, só que de uma hora para outra desconfigurou tudo e a coluna da direita desceu e não somente no layout, mas na aparencia do blog também, como faço para arrumar?

Karime Barra disse...

Como desço o post???
Tipo, não somente o texto dentro da caixa, mas descer a caixa onde inserimos as postagens.

meuladocontido disse...

Olá! Antes de maos nada quero dizer que adoro esse lugar. Eu que chegeui aqui sem saber nada, devo também a você o pouco que sei.
Ainda aprendendo rs
Segui alguns de seus tutoriais. Inseri a coluna e acertei por aqui, porém, sumiu a cor nos títulos da barra lateral do meu blog, o texto nela pelo IE aparece mais para o lado direito,e o textonão alinha .O bendito navbar que eu já havia retirado, voltou e mesmo o código de retirar estando lá...Assim como o código para cor da sidebar que está lá e não funciona mais


Pode me ajudar? Obrigada desde já
Beijos

Se puder gotaria também de colocar uma cor no título do post. E centralizar

Ariane disse...

meuladocontido, pelo que vi no código do seu template há um erro no final do código css para footer, está assim:

#footer{
código
}
}
}#navbar-iframe{

o certo é:

#footer{
código }

#navbar-iframe{codigo}

quanto a cor do titulo da sidebar é possível alterar sim (pelo menos diretamente no código) e o que não permite centralizar o título é aquele padding (desnecessário).

Adiminstrador disse...

olá arine!

queia saber como mudar a cor da letra do post sem fika ntrando a dentro pra troca. você sabe???

meuladocontido disse...

]aruabem
Quero agradecer a ajuda rs
(Tenho muito que aprender ainda apanho)
Consegui tirar a navbar certinho, só não ficou muito claro pra mim, sobre esse padding desencessário...
Muito agradecida, beijos e bom fim de semana!

meuladocontido disse...

Ariane peço desculpas pelo erro na digitação
Ando meio cega rs

Beijos e bom fim de semana

Hana disse...

Ariane, você além de inteligente e generosa é linda! Seu blog é um espetáculo!

Fiz tudo conforme as instruções deste post e deu tudo certo, mas... Um probleminha: apareceu uma margem indesejável no topo dos posts, se é que me entende. O título das postagens aparece mais baixo que os títulos das barras laterais. Já mexi em todo tipo de margem do código, mas nada adianta. Será que você poderia me ajudar? Meu blog é este: Querido Gato, e o meu email é hana_hasu@yahoo.com.br.

Muito obrigada por tudo!

Ariane disse...

Hana, provavelmente vc conseguiu arrumar já, pois não encontrei o problema.

Dandã DeMayo disse...

Grato com as dicas, tanto para aumentar as colunas, quanto para alinhar, meus parabéns, foi de grande valia...

Ana disse...

oi, ao acrescentar a outra coluna no meu blog, o conteúdo da coluna que já existia ficou ultrapassando o espaço chegando até o post.Não ficou centralizado, mesmo tendo espaço pra isso. Oque faço pra centralizar? obrigado.

Sereníssima! disse...

Muito obrigada!!! R ealmente me ajudou demais! Através de suas explicações inseri a nova coluna e também acertei as "arestas".
Fica aqui o meu agradecimento, viu?
Boa semana prá vc e parabéns pelo blog!

Thirraste disse...

ola fiz tudo direitinha ta funcinando muito bem mas o uníco problema que tenho e que não consigo trocar a cor e fonte da nova slider bar

fernandomaker disse...

=D Cara Muito obrigado! Você ajudou muito!
Gostei tanto desse blog e aprendi tanto aqui, que vou colocar seu link no meu site na "#newsidebar-wrapper {" HAUHAUahuahau!

Trinca-Espinhas disse...

Muito obrigada pelo seu post.
Admiro muito o seu trabalho e empenho e como aprendeu tudo sozinha. Eu também sou uma autodidacta (no começo!) e é por meio deste tipo de blogs que eu aprendo a personalizar o meu humilde blog (um novo que estou a preparar).
Sei que não lê ou nem publica comentários "da treta", mas tenho que agradecer a sua dedicação e por partilhar as suas informações.
Segui passo a passo este post e os anteriores, e deu tudo certo, sem problemas nenhuns. Obrigada!

Liliana disse...

Muito obrigado. Foi muito util suas dicas.

Jhony Nunes disse...

fiz tudo direitinho. nos conformis do tutorial... otima explicaçao... pois consequir sem quebrar KBça.ate consequir colocar as duas colunas do sidebar onde eu queria.e no tamanho certo. agora queria saber como add outro sidebar a baixo com um tamanho maior...
nao axei um link com o prscimo passo aki ,como na primeira postagens.. ate +

Sérgio Miranda disse...

Olá Ariane,

Primeiro, gostaria de te dar os parabéns pelo excelente trabalho...

Segundo, um erro que ocorreu no alinhamento, fez com que não aparecessem alguns Gadjets na coluna que criei....fiz em um blog de teste e só aparecem dois elementos na nova coluna...

Pode me ajudar?

Obrigado pela atenção...