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:
No 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 ;)
