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 ;)
20 Comments
\õ adorei essa postagem.
ResponderExcluirno 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
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 ^^
ResponderExcluiradorei a dica :D~
Obrigado pela ajuda Juliana, meus probremas acabaram.
ResponderExcluirBoa Juliana...
ResponderExcluirValeu pela dica!!
Santa Juliana!
ResponderExcluirVengo a saludarte y desearte un feliz fin de semana un cariñoso abrazo
ResponderExcluirJuliana Sardinha é minha heroína!
ResponderExcluirEu uso resumo de postagem altomático e depois disso, vou usar corretamente a "nova" Jump Break!
Testei e aprovei!
Abraços!
obrigado consegui ajeitar tudo.
ResponderExcluirJú, 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.
ResponderExcluirAbraço.
(,")Susy
Uma dúvida, quem aqui prefere o jeito "old school" de todo o conteúdo ficar na página sem jump break?
ResponderExcluirAbçs.
Poxa Juliana,
ResponderExcluirmuito 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.
Juliana.
ResponderExcluirVocê se importa se eu publica esse seu mesmo artigo em meu blog?
Com todos os direitos reservados é claro.
Abraços!
Help! Não consigo encontrar o código que é para ser substituído. Já tentei o CTRL + F, e nada.
ResponderExcluirAcho que o meu template, não ajuda.
Você teria alguma sugestão?
Grata,
Patrícia
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.
ResponderExcluirO 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 =)
Teste em um outro blog e mesmo alterando a posição(colocando o "more" abaixo da "/div") está deslocando a coluna para baixo. =/
ResponderExcluirEu 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:
ResponderExcluir<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ê.
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
ResponderExcluirSalvou minha vida kra!!
ResponderExcluirvlw!!
Essa dica pra mim foi super importante e me ajudou muito.
ResponderExcluirObrigado
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