Problemas com a sidebar? Veja a solução!

Problemas com a sidebar? Veja a solução!

6 10 99
Problemas com a sidebar? Veja a solução! 10 6 99
Desde que o Blogger adotou o sistema Leia Mais (jump break), centenas de usuários reportaram que após usarem essa função, a sidebar (coluna lateral) se deslocou para debaixo dos posts. Como eu não uso nem o editor de textos do Blogger e nem o Jump Break, fiquei sem saber como ajudar os que bateram aqui na minha porta.
Mas hoje, lendo meus feeds (sim, eu leio feeds) tive a grata surpresa de encontrar a solução do problema no excelente El Escaparate de Rosa e até que nem é tão complicado assim.
O X da questão continua sendo as DIVs, mas não é necessário apagá-las e sim ter uma vaga noção de html, já que é preciso inserir o jump break após o fechamento de uma div.

E isso não acontece apenas no editor do Blogger. Eu uso o  Leia Mais do Compulsivo com o Live Writer e o hack só funciona  ao ser inserido após o fechamento de um parágrafo </p>
Voltando ao jump break, quando vocês terminarem de escrever um post no editor do Blogger, cliquem na aba editar html e coloquem o leia mais logo após o fechamento de uma div (</div) ou de um parágrafo (</p>). Vejam nas imagens abaixo:
Inserindo o jump break
Código html do texto
Código html corrigidoNo primeiro caso, usando o template Mínima, eu escrevi um texto, alinhei, escolhi o local de corte e inseri o jump break. Ao clicar em editar html, constatei que o more estava antes do fechamento da div. O que eu fiz? Copiei o more e colei depois do fechamento da div.
O simples alinhamento de um texto (center, left, justify) já pode causar o problema. Portanto é preciso escrever o artigo, escolher o local de corte, inserir o jump break, clicar na aba editar html e deslocar o more para depois do fechamento da div.
Testem e me contem o resultado. Ou então, façam como eu e usem o Windows Live Writer :)
Outra coisa que pode deslocar a sidebar é colocar imagens maiores do que a largura máxima permitida, tanto em posts quanto na própria sidebar. Pra saber a largura da sidebar, entre em layout > elementos de página > adicionar gadget> escolha a opção imagem e veja, lá no final, qual o tamanho máximo permitido. Nunca ultrapasse-o ;)
20 Comments
Comments
  1. \õ adorei essa postagem.
    no começo nao estava entendendo.
    pensava que o jump criava uma div. depois que vim entender que e pra desviar das divs da formataçao do post. mais vc esqueceu de uma coisa, tambem tem que desviar do /span

    ResponderExcluir
  2. poxa a solução é tão simples, e eu já mudei varias vezes de template por causa disso, vacilo o meu hein ;/, mas é bom que dar proxima posso simplesmente corrigir o error sem recorrer amedidas extremas ^^

    adorei a dica :D~

    ResponderExcluir
  3. Obrigado pela ajuda Juliana, meus probremas acabaram.

    ResponderExcluir
  4. Vengo a saludarte y desearte un feliz fin de semana un cariñoso abrazo

    ResponderExcluir
  5. Juliana Sardinha é minha heroína!
    Eu uso resumo de postagem altomático e depois disso, vou usar corretamente a "nova" Jump Break!
    Testei e aprovei!

    Abraços!

    ResponderExcluir
  6. Jú, eu também uso Windows Live Writer, mas mesmo assim, a sidebar se deslocou para debaixo dos posts. Depois de alguns dias, tudo voltou ao normal.

    Abraço.

    (,")Susy

    ResponderExcluir
  7. Uma dúvida, quem aqui prefere o jeito "old school" de todo o conteúdo ficar na página sem jump break?

    Abçs.

    ResponderExcluir
  8. Poxa Juliana,
    muito obrigado!
    Eu havia instalado o hack do compulsivo, passei a usar o Live writer, mas continuei com problemas.
    Muitas vezes ele criava automaticamente vários "span id="fullpost"", o que resumiu e não deslocou a coluna, mas criou um espaço enorme em branco na postagem.

    Isso já resolveu o problema.

    ResponderExcluir
  9. Juliana.

    Você se importa se eu publica esse seu mesmo artigo em meu blog?
    Com todos os direitos reservados é claro.

    Abraços!

    ResponderExcluir
  10. Help! Não consigo encontrar o código que é para ser substituído. Já tentei o CTRL + F, e nada.
    Acho que o meu template, não ajuda.

    Você teria alguma sugestão?

    Grata,
    Patrícia

    ResponderExcluir
  11. Eu já havia percebido esse "bug" do editor do blogger...na verdade, ele tem vários bugs que se propagam quando você passa do modo Escrever para o Editar HTML e vice-versa.

    O Live Writer realmente é a melhor pedida para editar posts, mas também tem alguns probleminhas com relaçao a formataçao HTML, mas nada comparado aos "bugões" do editor do Blogger =D

    Aproveitando o post...Juliana, você conhece algum blog ou local onde eu possa aprender a 'programar' o Blogger? Digo, aprender a codificação de widgets, seções e coisas do gênero?

    Estou perguntando porque, como todo desenvolvedor web, não gosto de pegar coisa pronta e editar, curto criar do zero para ter controle total sobre o que faço.

    Parabéns pelo Blog =)

    ResponderExcluir
  12. Teste em um outro blog e mesmo alterando a posição(colocando o "more" abaixo da "/div") está deslocando a coluna para baixo. =/

    ResponderExcluir
  13. Eu tive esse problema há poucos tempos atrás e sem saber o que era e adquirido um pouco de experiências com alguns amigos, descobri que tinha um erro de html nas minhas postagens; Eu usava um código em cada postagem minha para que as pessoas não copiassem as minhas imagens, é um código do tipo:
    <img src="endereço da imagem
    e quando eu estava para publicar a minha postagem aparecia uma mensagem dizendo que o html não foi aceito e no html não aceito uma marca azul mostrando qual tipo de html não foi aceito, ao invés de eu dá um delete para limpar a postagem eu clicava naquele quadrinho ao lado da mensagem que dizia: este html não pode ser aceito e salvava assim mesmo e com isso a página do blogger ficava desconfigurada e a coluna cai para baixo das postagens e quando fui fazendo isso, dando delete no html acusado pela página, geralmente eram duas vezes seguidas, fui salvando normalmente e tudo voltou ao normal, fiz isso postagem por postagem. Espero ter ajudado você.

    ResponderExcluir
  14. Isso é um dos motivos que uso o JumpBreak via Hack, ele ainda não é compatível com o Windows Live Writer então nem me surpreende muito

    ResponderExcluir
  15. Essa dica pra mim foi super importante e me ajudou muito.
    Obrigado

    ResponderExcluir
  16. Esse blog é foda mano, mto foda!!! Brigadão pela dica, são blogs assim que merecem todo o respeito de seus leitores!!! Brigadão mano ajudou muito.

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top