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

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