Espaço entre as colunas do blog

Distancia entre as colunas do blogUma grande dificuldade que vejo entre os blogueiros é acertar a distancia entre as colunas e a postagem do blog, ou seja, às vezes os menus ficam encostados um no outro ou muito distante, isso acontece tanto em relação às colunas como os posts do blog afinal todos são colunas. Para corrigir esse problema é só colocar padding-left ou padding -right no código da coluna que deseja dar um espaço.

Fazer essa correção pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, além disso, as variações de lado também podem confundir na hora de alterar os códigos, então vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, você pode entrar na pagina editar HTML e procurar por:

#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;….

E colocar padding -left:15px, se já tiver algo assim no seu blog apenas altere o valor (não repita o mesmo código duas vezes) isso fará surgir um espaço de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espaço ocupado pela coluna (mais 10 px) então isso pode fazer que uma das colunas do seu blog vá parar no final da pagina por falta de espaço então normalmente quando fazemos esse tipo de alteração devemos reduzir a largura da coluna que em nosso exemplo é 490 isso está logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.

O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que está no código, geralmente a margem deve ser do mesmo lado. Outro detalhe é que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) então o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o código. Apesar de funcionar do mesmo padding e margin não são exatamente a mesma coisa você pode ver aqui a diferença entre usar padding ou margin, outra dica relacionada com esse tema é como alterar as larguras do blog.

Outra coisa que não poderíamos deixar de falar é que é muito bom visualizar seu blog em vários navegadores (pelo menos Internet Explorer e Firefox), pois é possível haver uma variação na aparência do seu blog entre eles.

92 comentários :

  1. Karamba cara...fazia tempo que eu tinha problema com a coluna do meio...que de tao larga, estava cobrindo a sidebar... e isso estava me dandoo problemas devido o maior numero de anuncios no meu blog estarem na side bar..

    VLW AE.. adicionei o seu banner na minha side bar

    ResponderExcluir
  2. Fabiano , Eu num consegui faze esse bagunho n , sera q é meu template ?

    ResponderExcluir
  3. alguns templates são mais difíceis de mexer, principalmente os que você baixa da internet pois usam tags diferentes

    ResponderExcluir
  4. Olá. Gostaria de saber se vc sabe como postar fotos e elas sairem grandes no blog?
    vi no blog http://hilophotography.blogspot.com
    e achei muito interessante.
    Obrigada

    ResponderExcluir
  5. na hora de postar a foto veja que na janela tem opções de tamanho da imagem

    ResponderExcluir
  6. Bom, gostaria de saber de como almentar a coluna e diminuir a do post

    tenho: coluna / post / coluna

    Ou tambem se der diminuir o expaço entre a coluna com o post
    ( acho que tem uns 10px de distancia )

    Sabe uma tag para eu modificar-lo ?

    meu email: digoherrera@hotmail.com

    ResponderExcluir
  7. veja aqui sobre as larguras do blog
    http://www.dicasparablogs.com.br/2007/08/largura-do-blog.html

    ResponderExcluir
  8. Olá gente eu queria saber como colocar itens no cabeçalho do blog. Por exemplo no de vocês temo ínicio, contato.... Eu queria saber como colocar esses itens no cabeçalho do meu blog, adicionar itens no cabeçalho do meu blog vocês podem me responder?

    ResponderExcluir
  9. Lucasmon
    veja como dividir o cabeçalho do blog
    http://www.dicasparablogs.com.br/2009/10/como-dividir-o-cabecalho-do-blog-em.html

    ResponderExcluir
  10. Olá Fabiano,
    num dos comentários seus vc disse
    que certos templates são dificeis de mecher, principalmente aqueles baixados. Mas o meu template é do próprio blogger e é o Minima Dark, mesmo assim o unicos tags que encontrei parecido com o que vc disse está assim:
    #main-wrapper {
    width: 410px;
    float: $startSide;
    word-wrap: break-word; ...
    O que posso fazer para espaçar a coluna?

    ResponderExcluir
  11. para dar espaço entre as colunas tem que usar padding-left:5px ou padding-right:5px dependendo do lado que deseja colocar um espaço

    veja também o link sobre largura do blog no final desta postagem, isso será necessário caso uma das colunas do blog vá para o final da pagina quando aumentar a distancia entre elas.

    ResponderExcluir
  12. Olá Fabiano
    Sou novato nisto e seus post tem me ajudado demais. A maneira que encontrei foi ajustar o tamanho da #content-wrapper
    padding: 0 15px;
    #main width: 500px; o comando padding parece aumentar a largura total??? ou empurra a coluna para baixo.O que faz o comando content?

    ResponderExcluir
  13. Aparecido Oliveira
    o numero 500 é a largura da coluna principal (main), se ficar larga demais ela faz que a sidebar vá para o final da pagina

    ResponderExcluir
  14. Este comentário foi removido pelo autor.

    ResponderExcluir
  15. Amei, as dicas, e eu fiz algumas altereçoes no nosso blog, conforme as indicações. Deus te abencoe sempre

    ResponderExcluir
  16. Fabiano, mais uma vez muito obrigado pela sua ajuda.

    Tenho seguido os seus exemplos para fazer o meu blog e teem sido espectaculares.

    Como faço para encostar os textos dos meus post ao lado esquerdo.

    Não consigo fazer isso com este template.

    Será que pode ajudar?

    outra coisa,

    Gostava que os textos dos meus post ficassem à volta das fotos que coloco e não apenas por cima ou por baixo. Como se consegue isso?

    Obrigado
    ~
    Rafael

    ResponderExcluir
  17. Rafael Amorim


    a margem dos posts entre na pagina editar html e procure por:
    .post {
    padding-left:5%;
    padding-right:10%;


    apague a linha o diminua o valor padding-left:5%;

    sobre o texto ao redor das imagens veja que na hora de enviar a imagem tem opções de colocar a imagem a direita ou esquerda, é só marcar uma delas

    ResponderExcluir
  18. Olá Fabiano, estou procurando algo para deixar as do meu blog até o final da página uso coluna-post-coluna e gostaria de fazer isso nas duas, alguma dica amigo?

    ResponderExcluir
  19. Sid
    use uma imagem ou cor de fundo em #content-wrapper

    isso você encontra na pagina editar html

    ResponderExcluir
  20. Olá Fabiano, achei somente a tag <div id='content-wrapper'> mas mesmo assim não encontrei onde colocar essa imagem e nem como faze-la ficar rente a base da parte central do blog

    ResponderExcluir
  21. alguns templates são diferentes, se baixou o seu de algum site provavelmente terá problemas para achar os códigos.

    mas procure algo como sidebar, main, geralmente usam nomes parecidos com isso.

    ResponderExcluir
  22. olá Fabiano
    seus posts tem me ajudado muito pois ñ entendo nada de html mas consigo fazer batastante coisas lendo suas mensagens
    eu peguei o modelo do meu blog aqui do site mesmo é o:ms. moto
    só q a coluna do meio é muito distante da coluna da direita e eu gostaria de deixa-la com a mesma distancia q a coluna da esquerda mas mesmo lendo o seu texto eu ñ consegui fazer pois ñ consigo achar a sequencia html q vc cita no texto sera q pode me ajudar ?

    ResponderExcluir
  23. Lilas Bijouterias, ela está razoavelmente centralizada, veja a parte dos comentários como está bem a esqueda, isso faz parte das postagens.

    publique um texto assim poderá visualizar melhor a largura da coluna das postagens

    ResponderExcluir
  24. Oi, eu tenho uma duvida, eu exclui o cabeçalho de meu blog e adicionei um gadget com uma animação em flash no lugar, o problema eh uma distancia que fica entre a navbar do blog e o gadget, eu ja mexi em tudo e essa distancia nao desaparece. O que eu faço? veja o blog:
    http://fasdesolangealmeida.blogspot.com/

    ResponderExcluir
  25. MariaGois


    o espaço é pequeno, talvez fosse melhor deixar assim, mas se quiser entre na pagina editar html e procure por:

    #header-wrapper {
    margin: 0 auto;
    padding-top: 05px;
    padding-right: 0;



    #header .description {
    font-size: 110%;
    text-align: left;
    padding-top: 05px;
    padding-right: 0;

    e apague esse padding-top: 05px; que aparece nas duas partes, deve ir um pouco mais para cima o seu banner

    ResponderExcluir
  26. Eu retirei esse padding top, mas a distância diminuiu abaixo do gadget,e em cima continuou a mesma ;x.
    talvez seja um problema na animação,
    vou deixar assim mesmo...
    mt obg ;D

    ResponderExcluir
  27. Ja descobri o "problema" do espaço entre a navbar e o gadget do cabeçalho, eu retirei os espaços entre os gadgets da sidebar, e o espaço acima do banner desapareceu, porem ficou feio, pq os gadgets da sidebar ficaram muito juntos ao titulo... não tem como alterar a distancia apenas do gadget do cabeçalho?
    se eu usar o cabeçalho normal do blog, não conseguirei colocar a animação ;X...

    ResponderExcluir
  28. Caro Fabiano,

    Algum tempo venho acompanhando este metablog. Está de parabéns pelo trabalho realizado. A minha dúvida consiste no fato de que após fazer algumas alterações no meu blog (www.licitacoessustentaveis.com), a barra lateral ficou maior do que era antigamente. Posso colocar apenas na configuração apenas 05 posts que não adianta porque o espaço é fixo e não se adapta ao número de posts, sobrando grande espaço após o rodapé.

    Desde já, agradeço pela atenção.

    Leonardo.

    ResponderExcluir
  29. Leonardo, o tamanho da barra lateral não tem nada a ver com o numero de postagens que o blog mostra.

    você deve ter alterado outra coisa.

    ResponderExcluir
  30. Oiiie
    tenho 2 coluna no meu blog
    ja conseguir mexer no espaço da coluna esquerda ( padding-left)
    mais a direita eu não estou conseguindo :(a Unica tags que encontrei parecido com o que vc disse está assim:
    #main-wrapper {
    width: 410px;
    float: $startSide;
    word-wrap: break-word; ...


    Que eu faço ? me ajuda ae !!

    Vlw&Obrtigado ;D

    ResponderExcluir
  31. neste trecho que mostrou pode tentar colocar o padding-left

    esse ajuste de espaço depende do template de cada blog, e para qual lado a coluna está alinhada(float)

    ResponderExcluir
  32. meu no meu blog nao deu para fazer isso oq faso

    www.habbounidospixelart.blogspot.com/

    me ajuda pf qual é o erro

    ResponderExcluir
  33. Anônimo
    veja aqui Largura do Blog

    o exemplo que uso é igual ao seu modelo atual.

    ResponderExcluir
  34. Opa, to com um problema no meu blog, que, ao abrir algumas paginas, a coluna lateral da direita, fica longe da coluna dos post, por exemplo, acesse meu blog http://seuwallpaper.blogspot.com/ e clique em parceria, dai vera o que acontece! O que pode ser?

    Fico grato desde já ;)

    ResponderExcluir
  35. tente editar a postagem parcerias, exclua partes dos códigos que publicou nela e faça testes.

    só pode ser algum erro nesta publicação, pois sua pagina de parcerias é uma postagem como todas as outras então não existe razão para só ela ficar diferente senão algo publicado na própria postagem.

    ResponderExcluir
  36. ooolá
    gostaria de aumentar o espaço entre cada Gatged do meu blog.. (o espaço entre quem sou eu - seguidores - arquivo do blog) porem nao estou conseguindo. Ajude-me por favor.

    beijoos obrigada *-*

    ResponderExcluir
  37. Suziii
    para dar espaço entre os gadgets entre na pagina editar html e procure por
    .sidebar .widget {....}

    então coloque ou altere os valores de padding ou margin, como mostramos neste tutorial, mas em vez de usar left e right use top ou bottom, mas se quiser pode usar somente padding: sem nenhum palavra isso deixará a margem igual em todos os lados o mesmo vale para margin

    ResponderExcluir
  38. Gostari de saber como tornar meu blog mais largo, tomando toda a folha, e dividí-lo en quadrados em qualquer local que eu quiser.

    Se alguém souber, favor me avisar.

    enfmatos@gmail.com

    ResponderExcluir
  39. para deixar o blog mais largo é preciso mexer no html dele, ou se usa um blog com modelos novos (designer) tem que editar pela pagina designer de modelo.

    sobre o html procure por #outer-wrapper e altere o valor que está em width: 990px;, no seu blog será outro numero o 990 é apenas um exemplo

    ResponderExcluir
  40. Fabiano, eu já quero o contrário da nossa amiga aí de cima, quero encurtar o blog mas não na largura, mas sim, quero tirar a barra de correr que resolveu aparecer em baixo dele. Como eu tiro isso? Dá uma olhadinha http://garotantenada.blogspot.com/

    Beijos e obrigada!

    ResponderExcluir
  41. Fabiano, boa noite!

    Como eu faço para diminuir o espaço entre o título do blog e o menu?
    O meu blog. é: www.calopsitar.com.br
    Abs,
    Mauricio

    ResponderExcluir
  42. na verdade tem diversos trechos que pode retirar algum espaço, veja aqui:

    width:850px;
    margin:0 auto 10px;
    border:1px solid #294345;

    esse numero 10px é espaço vazio depois do titulo

    aqui também
    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;


    poderia diminuir esses valores de padding e margin

    ResponderExcluir
  43. Fabiano,

    Muito obrigado pela dica.

    Abs,

    ResponderExcluir
  44. Fabiano,

    Por que quando eu altero uma postagem no blog e publico ela sai do padrão, ela cria uns espaços inexistente. Aí eu tenho que criar uma nova postagem e copiar/colar e excluir a anterior.
    Será que eu estou fazendo algo errado?
    Desde já agradeço.

    ResponderExcluir
  45. as vezes o blogger era erro no copiar e colar, principalmente se for diretamente do word(já aconteceu comigo algumas vezes rsrs)

    sugiro colar no bloco de notas antes de passar para o blogger(cole no bloco de notas, copie do bloco de notas e cole no blogger)

    ResponderExcluir
  46. Fabiabo, eu não consigo encontrar o #main, a unica coisa que chega mais perto disso que eu achei foi .main-wrapper, mas que não tem essas opções das linhas e colunas

    tentei adicionar no tag posts mas a coluna de postagens ficava maior e por mais que eu diminuisse não mudava de tamanho quando eu alterava os pixels de 5 para 15 por exemplo.

    eu gostaria de afastar só um pouquinho a coluna da coluna de postagem.

    um abraço
    obrigada!

    ResponderExcluir
  47. para afastar da coluna pode colocar padding-left:10px ou padding-right:10px; dependendo do lado que deseja colocar mais espaço.

    ResponderExcluir
  48. Olá , eu já rodei atrás de uma explicação e não encontrei , eu quero o contrário , quero junta as duas coluna com a do post ,pois o meu modelo fica o espaço pra postar muito pequeno , daí eu queria saber como juntar as colunas na do post para então a do post ter um pouco mais de moral .

    bye

    ResponderExcluir
  49. beeyn
    então use esse tutorial para achar e retirar os espaços(margin e padding) pode usar com valor 0px

    veja no final do nosso texto um link sobre padding e margin

    ResponderExcluir
  50. Ola Fabiano poderia me ajudar,gostaria de saber como tirar o espaço que tem entre o post mais recente e o que vem depois,pode dar uma olhada pra entender melhor do que estou falando meu blog é www.vancriskarteira.blogspot.com desde ja obrigado pela atenção.

    ResponderExcluir
  51. Van =)
    você marcou a opção para mostrar anuncios entre as postagens? pode ser isso.

    ResponderExcluir
  52. Obrigado Fabiano,era isso mesmo,que feio tão simples e eu ñ sabia.Abraço

    ResponderExcluir
  53. Boa noite, Fabiano!

    Estou aqui há horas quebrando a cabeça tentando diminuir a distância entre meus gadgets de imagem na barra lateral do meu blog. eu li e reli a sua explicação, mas não consegui achar o trecho q vc citou.

    Se puder dê uma olhadinha no blog
    http://prontousei.com

    ResponderExcluir
  54. use o ctrl F para achar margin ou padding e reduza os valores

    ResponderExcluir
  55. esses novos modelos são mesmo mais complicados de mexer

    ResponderExcluir
  56. gostaria de aumentar o tamanho do espaço entre o titulo da postagem e o texto da postagem. Como faço?

    ResponderExcluir
  57. procure no seu html por h3{....} e dentro das chaves coloque padding-botom:20px;

    se não funcionar, apague e faça o mesmo com o h2, isso varia um pouco conforme o template

    ResponderExcluir
  58. Fabiano vim falar pra quem tem o modelo espetacular Ltda. , procura por " /* Widgets "
    e logo abaixo disso vai ter :
    ".main-inner .section {
    margin: 0 27px;
    padding: 0;
    }"
    Ai modificando para :

    ".main-inner .section {
    margin: 0 12px;
    padding: 15;
    }"
    Os dois vão ficar grudado , ou altere de outro jeito se desejar :D

    ResponderExcluir
  59. Eu queria aumentar o espaço que tenho para os posts. Já tentei de tudo, mas não consigo!

    ResponderExcluir
  60. Laura ♪
    você quer dizer a largura do blog na parte das postagens?

    veja aqui: Designer de modelo - Layout e Configurações Avançadas

    ResponderExcluir
  61. Fabiano, criei um blog teste somente pra configurar um layout novo e mais limpo pro meu blog atual, coloquei o Mínima e em suma,o que mais quero é:
    -deixar a largura total do blog em 1000px(consegui)
    -colocar a culuna do post toda pra esquerda(consegui)
    - colocar a sidebar mais para a direita (n consegui)

    li e reli, no modelo minima n tem esse padding left e padding right, porém se for pra adicionar, onde ponho?

    Você teria um código pronto para isso?

    Abraços

    ResponderExcluir
  62. Aline Carolina Lima
    tem que achar o trecho que controla a sidebar e colocar padding-left:10px; e ir ajustando o valor...

    veja esse tutorial:Permitir acesso ao Perfil Blogger

    não consegui acessar seu perfil para ver seu blog

    ResponderExcluir
  63. Muito obrigado manolo, eu consegui resolver o que eu queria... não foi bem do jeito que vc mostro mas com o que vi aqui consegui dar meus pulos e resolvi
    BRIGADÃO!

    ResponderExcluir
  64. ola amei teu blog.. tentei fazer outra barra lateral, mais acabei perdendo a paciência,rsrs outro da eu tento de novo.parabéns seus posts são ótimos e muito uteis.
    xoxo
    http://adsfeliz.blogspot.com

    ResponderExcluir
  65. no meu blog utilizo 3 colunas. Na primeira tem uma margem antes de iniciar o gadget. Gostaria de saber como reduzir essa margem pois é uma espaço que fica desperdiçado. Com alguns gadgets da para alterar, mas em outros não.

    ResponderExcluir
  66. isso depende do código do seu blog...


    se usar os novos templates tente colocar .column-left-inner{padding-left:0px !important}

    ResponderExcluir
  67. Olah Fabiano, estou lendo seu blog, vc ajuda mt as pessoas,por isso me atrevo a pedir ajuda tb.
    Fiz um template,lindo,soh q não consigo arrumar 2 probleminhas nele.A postagem está ficando com um espaço mt grande entre ocomeço da postagem e o banner (header).
    E tb no sidebar,o texto do perfil ta saindo fora da coluna, como faço pra fazer o texto respeitar os limites e ficar alinhado dentro da coluna da sidebar ??
    grata desde jah pela atenção

    ResponderExcluir
  68. Luuh Xavier
    acho que você já resolveu o problema, entrei no seu blog e pareceu tudo normal.

    tente excluir o historico de internet pode ser um erro no carregamento da pagina.

    ResponderExcluir
  69. Te peço pra não publicar a resposta q eu dei o link do blog de testes, não gostaria que ninguém visse antes de pronto e publicado no blog certo...obrigada + uma vz

    ResponderExcluir
  70. Luuh Xavier
    precisa alterar as larguras do blog para se ajustar a imagem de fundo.

    as larguras do seu template são neste trecho

    #outer-wrapper {
    width: 1002px;
    margin:0 auto;
    text-align:left;
    font: normal normal 100% Georgia, Serif;
    }
    #main-wrapper {
    width: 700px;
    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: 300px;
    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 */
    }

    ResponderExcluir
  71. Obrigada pela boa vontade e desprendimento em ajudar, vcs estão de parabéns, SUCESSO SEMPRE !!

    ResponderExcluir
  72. muito bom mesmo esta de parabens

    ResponderExcluir
  73. Meu blog é o http://esferaideias.blogspot.com.br/

    Eu queria simplesmente trazer meus gadget para esquerda e juntar os dois de cima! Procurei em todo o local os códigos mas não consigo!

    Desde já agradeço!

    ResponderExcluir
  74. tem algum software que você pode alterar "visualmente" e automaticamente altera o html?
    Obrigado!

    ResponderExcluir
  75. tem programas para editar html e criar sites.

    pesquise por Editores HTML

    mas eles não resolvem tudo no blogger por causa das tags.

    ResponderExcluir
  76. e se a distância que quero definir são em colunas criadas dentro do post? exemplo: escrevi um post e parte dele foi dividida em duas colunas, mas elas ficaram muito afastadas entre si, como faço para definir essa distância? tentei usar cellppading, mas deu um erro bX-74br4, sem cellppading consegui salvar.

    ResponderExcluir
  77. cellppading é para tabelas (table), no blogger tem que usar padding:10px;

    para criar margens dentro de cada coluna, veja aqui: Dividir um gadget em duas colunas
    .

    ResponderExcluir
  78. Fabiano boa tarde

    Adorei seu blog e já resolvi muitos problemas do meu blog com a ajuda dos posts, mas um eu não consigo resolver, eu instalei um Template no meu Blog que tinha 3 colunas, a do Post e mais 2 do lado esquerdo, mexendo aqui e ali, consegui excluir uma coluna e coloca-la do lado direito, o problema e que fica um espaço enorme entre a coluna do post e o Sidebar, pensei que com a dica acima resolveria, mas não deu certo, o que me indica nesse cado?

    Obrigado

    Gileide

    ResponderExcluir
  79. normalmente não tem esses espaços.

    como falou que instalou o template então deve ter baixado ele pronto de algum site, se foi esse o caso é melhor achar outro template do que corrigir erros pois quando arrumar uma coisa vai achar outra

    ResponderExcluir
  80. Não é bem o que eu queria ... será que tem jeito de alguém me fala como eu faço pra unir 2 gadgets ? Preciso unir somente 2 mas se me explicar como unir todos eles eu já agradeço muito. Os emails de contato comigo se encontram no blog atual-sempre.blogspot.com.br na página Contato.

    DEsde já , agradeço muito.
    E , espero resposta . Preciso disso urgente !!!

    ResponderExcluir
  81. Sarah unir dois gadgets é complicado... precisa mexer no html...

    não tenho códigos prontos para fazer isso.

    ResponderExcluir
  82. Fabiano,

    Como eu coloco um gadget ficar do mesmo tamanho, tanto o titulo quanto ao menu.
    Eu tenho um gadget com o titulo "CLICAR EM CIMA" é maior do que o complemento dele.
    www.calopsitar.com.br
    Desde já agradeço
    Mauricio

    ResponderExcluir
  83. Mauricio no seu blog tem esse código:

    dt { background: #7F7F7F; font-size: 12px; padding: 5px; margin: 5px; }
    dt a { color: #000; }
    dd a { color: #000; }
    ul { list-style: none; padding: 5px; }


    faça um teste: troque os valores 5px por 0px.

    depois que modificar não precisa deixar os 3 com valor zero mas ajuste conforme gostar mais


    ResponderExcluir
  84. Fabiano, muito obrigado!!!
    O meu blog tem duas colunas laterais e a área de postagem no meio. Como eu altero o espaçamento lateral entre Sidebar e a área de postagem?
    Desde já agradeço.
    Mauricio
    www.calopsitar.com.br

    ResponderExcluir
  85. Mauricio, respondi essa pergunta no seu outro comentários que está nesta postagem:
    Dividir um gadget em duas colunas

    ResponderExcluir
  86. Boa noite, Fabio!

    Derrepente eu me expressei mal. Eu tenho um Cadget do lado direito do meu blog chamado "CLICAR EM CIMA DO ASSUNTO", ele tem a imagem (botâo) maior do que o MENU que fica abaixo dele. Tem como igualar o tamanho dos botôes?
    Desde já agradeço.
    Mauricio
    wwww.calopsitar.com.br

    ResponderExcluir
  87. o problema é que o texto clicar em ....

    é o titulo do gadget por isso ele é maior para mudar isso vai alterar todos os titulos dos gadgets.

    veja aqui:
    Como Encontrar Erros nos Códigos do Blog

    lá poderá achar os códigos e fazer seus testes para ajudar uma forma que lhe agrade.

    ResponderExcluir
  88. Bom Dia Fabiano. eu to criando um modelo espetacular porque foi o único que achei semelhante ao meu antigo, mas não to conseguindo retirar o espaço que fica entre o cabeçalho e as postagens, fica uma abertura muito feia, no antigo eu até conseguir mas nesse blog novo tá ruim de achar esse código. Pode em ajudar? http://documentariosenoticias.blogspot.com.br

    ResponderExcluir
    Respostas
    1. procure no html do seu blog por:

      .main-inner {padding-top: 30px;}

      troque o numero 30 por 0, isso deve retirar o espaço vazio

      Excluir
    2. sei. mas o mais estranho é que esses códigos que vc usam na internet muito deles não tem em meu templante, eu até conseguir fechar o espaço entre a sidebar e as postagens mas do painel tá osso duro de roer.

      Excluir
    3. Agora eu conseguir, vou te mostrar onde eu vim achar o 30px - -




      Excluir