Jump Break – o hack "Leia mais" do Blogger - Dicas Blogger '+g+"
Home » Novidades » Jump Break – o hack "Leia mais" do Blogger
Jump Break – o hack "Leia mais" do Blogger 10 6 99
Dando continuidade às comemorações pelos 10 anos do Blogger, foi anunciado no Blogger In Draft que agora é possível resumir os posts da página inicial de forma automática, sem a necessidade de truques ou gambiarras (hack "leia mais")
Por enquanto, essa função só está disponível para quem usa o novo editor de textos do Blogger. Para habilitá-lo, entre no painel, configurações e, no final da página, procure por configurações globais. Marque a opção editor atualizado.
O resumo funciona tranquilamente nos templates disponibilizados pelo Blogger. Já os que são criados por usuários precisarão da instalação de um pequeno código.
Para quem, como eu, usa o Windows Live Writer, recomendo este hack publicado no Usuário Compulsivo – Posts resumidos na página inicial do Blogger.
Usando o resumo de postagens em templates do Blogger
Quem usa o template Mínima ou os demais modelos disponibilizados pelo Blogger, deve entrar no novo editor de textos, escrever o post e escolher onde o resumo deve ser iniciado. Daí é só clicar no ícone inserir jump break.
Publique o post logo a seguir. Veja, na imagem abaixo, como ficará o post publicado:
Para mudar a mensagem "continue lendo" por outra qualquer, entre no layout do blog e em postagens do blog, clique em editar. Procure por Texto do link da página de postagem e escreva uma frase de sua preferência.
Usando o resumo de postagens em templates personalizados
Entre em layout, editar html e clique em expandir modelos de widgets. Usando a combinação Crtl+F do seu teclado, procure pelo seguinte trecho: <data:post.body/>
No caso dos templates do Dicas Blogger, procure por <p><data:post.body/></p>. Este trecho aparecerá 2 vezes. Cole o código embaixo do segundo trecho:
Em alguns dos nosso templates, o hack Leia Mais do Compulsivo já encontra-se instalado e caso você queira usar o do Blogger, basta seguir esse tutorial que funcionará do mesmo jeito. Fiz diversos testes com resultados satisfatórios.
Chique, né? Agora vamos aguardar as outras novidades \o/ #blogger10anos
**Confiram também a minha entrevista ao @CaioLausi, no Blog do Lausi ;)**
ATENÇÃO: Diversos leitores reportaram que a nova função "Leia mais" faz com que o layout do blog fique deformado, jogando as colunas para debaixo dos posts. Veja aqui a solução.
Hacks, Novidades
Cristiano Almeida 10 de setembro de 2009 13:19
Estava esperando ansioso por este recurso e logo irei testar com calma.
Só ressalto o detalhe que por definição, agora o "leia mais" deixou de ser um hack (gambiarra para melhorar ou acrescentar um recurso).
Juliana 10 de setembro de 2009 13:45
Criatiano, isso foi apenas um trocadilho e uma forma do pessoal entender do que se trata.
Pedro Cabral 10 de setembro de 2009 14:02
Mais uma vez obrigado pela informação..
Vamos aguardar mais novidades do blogger
Anônimo 10 de setembro de 2009 14:19
No meu blog, que tem o template personalizado, eu não precisei instalar o código no html, o Leia Mais apareceu sozinho. Talvez seja porque eu personalizei em cima do Mínima, mas vai saber!
Em todo caso eu estou muito feliz que o Blogger adicionou essa ferramenta. Eu quase instalei o hack do Compulsivo semana passada. Sorte que me deu preguiça XD
Pedro Cabral 10 de setembro de 2009 14:48
Pessoal, um feedback
Instalei no meu blog, testei e tudo, mas tem postagens que se vc adicionar o Jump Break deforma o layout do blog.
Fiquem atentos a isso
eu uso o template Onix da Juliana
All3X 10 de setembro de 2009 14:53
Juliana, simplesmente demorou demais para que essa funcionalidade fosse acrescentada ao Blogger. Nem era tão importante assim mais... sempre damos um jeitinho antes do lançamento oficial.
Mas está valendo,
Juliana 10 de setembro de 2009 14:59
Eu partucularmente nem vou usar esta função, já que só posto com o WLW.
Quanto à deformidade do layout, peço que tentem retirar o antigo hack leia mais e depois me dêem retorno.
Fernando luis Amaro 10 de setembro de 2009 15:00
oi blz legal hein,a parte que mais gostei deste post foi a de abilitar o novo editor...até então tinha que entrar no draft pra usa-lo.Boas vibes
Anônimo 10 de setembro de 2009 15:21
Boa tarde juliana aqui ficou beleza, porem a coluna lateral foi toda para baixo das postagens como eu resolvo isso
Pedro Cabral 10 de setembro de 2009 15:34
eu não uso o antigo hack no meu blog e mesmo assim ocorre a deformidade
Juliana 10 de setembro de 2009 15:47
Pedro e joamot30, eu nem imagino o que possa estar ocorrendo. Vejam na última imagem do post (atualizada), que no meu blog de testes deu tudo certo. Vamos aguardar mais notícias.
Pedro Cabral 10 de setembro de 2009 15:52
Reparei que colocando o Jump abaixo de uma certa quantidade de caracteres da certo EM ALGUNS POSTS e tbm que se o post conter muitas imagens abaixo do Jump tbm não da (em alguns posts tbm)..
André Luiz 10 de setembro de 2009 16:25
No meu blog funcionou direitinho, agora só faltava mesmo hospedagem de Java Script no blogger...
Professor Rogério Souza 10 de setembro de 2009 17:06
Como eu disse pelo Twitter, Juliana, a princípio parecia funcionar belezinha, mas de uma hora pra outra a sidebar foi jogada pra baixo da área de postagens. Isso persistiu até que eu retirei o código que resume os posts e ela voltou à posição original. Com o hack que eu já usava nunca ocorreu este tipo de problema. Poderia até achar que era imperícia minha, mas a julgar pelos outros que relataram o problema, deve ser mesmo um bug.
Thiago Menezes 10 de setembro de 2009 19:15
O blogger tá evoluindo, isso é bom!
Bom post! Me fez feliz! hahaha
Jose 10 de setembro de 2009 19:44
Juliana, funcionou perfeitamente, mais uma vez obrigado!!!
Uma pequena dúvida: se um dia eu migrar para wordpress, o que vai acontecer com os posts que utilizei o "leia mais"? Vai ficar com um <-- more --> no meio do post?
Anônimo 10 de setembro de 2009 20:03
Eu pensei em mudar também. Mas eu teria que mecher com os códigos e retirar o Hack que eu instalei antes (e mudar o hack das postagens antigas para o novo).
Depois de analizar, vi que dava no mesmo ter o hack ou o código do blogger. Talvez eu tenha que mudar no futuro.
Abraços Juliana, admiro seu trabalho!
Anônimo 10 de setembro de 2009 20:52
Vamos ver se tu tens a resposta. Testei em vários templates, em três blogs que tenho, inclusive num deles com um template Minima Black, do próprio blogger.
O que acontece é o seguinte: o hack funciona perfeitamente, inclusive em postagens cheias de imagens, que é as que gosto muito.
Só que a segunda coluna, ou a segunda e terceira caso o template tenha três colunas, vão parar debaixo da postagem.
Já tentei de tudo, fucei aqui, fucei alí e nada. Se tirar o tag ---more!---, volta ao normal, mas se deixar ela fica assim.
Chegou a ver isso algum teste seu?
Ah, meu editor já está atualizado. E os testes que fiz foi com postagens já publicadas.
Daniel 10 de setembro de 2009 21:20
comigo também está acontecendo da barra lateral ser mandada para o final do blog abaixo de todas as postagens, mas isso só ocorre na página principal do blog aonde eu usei o 'Jump Break', nas páginas seguintes e nos posts após o Junp Breack o layout fica do jeito certo....
Juliana 10 de setembro de 2009 21:49
JV, não saberia te responder
bolichodogremio, várias pessoas estão relatando o mesmo problema. O jeito é aguardarmos notícias do Blogger.
Advogado 10 de setembro de 2009 22:41
eu estou ancioso mesmo é por um sistema de comentários decente e quem sabe algo relacionado a melhoramento de seo, quem sabe o blogger não lance um sistema de tags =D
Juliana 10 de setembro de 2009 22:44
Hugo, seria ótimo! É o que eu também estou aguardando.
Pedro Cabral 10 de setembro de 2009 22:55
É exatamente isso o que eu espero desde quando eu entrei para o blogger
o blogger tem muitas vantagens, mas o sistema de comentários ainda é muito atrasado
Anônimo 10 de setembro de 2009 23:21
A alegria durou pouco. A sidebar foi deslocada para o final do template.
Parece que a próxima novidade é a página estática.
Camilla 11 de setembro de 2009 00:33
assim como o Pedro, no meu blog-teste deu erro mesmo e toda a leteral foi parar no rodapé. Ficou uma bomba, mas testei no meu blog mesmo em 1 (uma) única postagem e deu certo. :p
lfb 11 de setembro de 2009 02:51
Eu usava o post resumido do Usuário Compulsivo e retirei para ficar com o novo recurso do Blogger.
Aconteceu de a sidebar escorregar para baixo das postagens, como alguns disseram aqui. Então encontrei essas dicas da ajuda do Blogger mesmo.
Depois de fazer isso, as colunas voltaram ao normal, mas dependendo da postagem em que uso o recurso, a sidebar volta lá para baixo de novo. Problema ainda não resolvido.
No fundo, angariei mais uma complicação que agora não sei resolver. Há um branco entre o último post e o footer! Uso o template Elegance, da Juliana.
Murilo Andrade 11 de setembro de 2009 09:41
Estou meio decepcionado, Juliana.No meu a função existe, mas não aparece escrito Leia Mais. Se você puder me ajudar serei eternamente grato.
Anônimo 11 de setembro de 2009 09:43
Acabei de fazer no template do COmpulsivo, e não deu certo. Continua com a sidebar debaixo nas postagens. Mas que coisa estranha, já que no editor tudo está direitinho em seu lugar!
Anônimo 11 de setembro de 2009 10:58
Ando tão na correria, que não sabia que com esse editor atualizado, poderia colocar o "leia mais".
Vinicius 11 de setembro de 2009 11:58
Juliana, eu uso o hack leia mais do Templates Para Você que deu a pouco tempo, mas não vou usar o do blogger, como é novo, vai ter muitos bugs
Pedro Cabral 11 de setembro de 2009 15:28
Juliana. Acabei da fazer o que vc recomenda na "Atualização" mas dai ocorre outra deformidade. Ele joga a ultima parte da sidebar do blog la para baixo. As vezes quando recarregamos a pagina, volta ao normal, mas é só recarregar novamente que ocorre novamente a deformidade.
Ainda não foi dessa vez. Vamos esperar por mais soluções.
Daniel 11 de setembro de 2009 15:51
A correção que o Vagabundia sugeriu não funcionou no meu blog, o problema continua.....
Pedro Cabral 11 de setembro de 2009 17:21
Juliana, depois da uma olhadinha no e-mail que lhe enviei através do formulário de contato do DB
Se trata de uma possível solução (funcionou para mim) para o deslocamento e outros problemas no layout do blog com a nova ferramenta "Jump Break"
Ps.: Não precisa aprovar esse comentário
Anônimo 11 de setembro de 2009 19:22
O problema da sidebar continou no meu blog, mesmo com a atualização!
Espero respostas!!
Juliana 11 de setembro de 2009 19:33
theloreanaveia, eu também espero respostas!
Kevvin Oliveira 11 de setembro de 2009 23:10
não funcionou no meu!O que fazer?Meu blog tah parecendo o mostro godizila!
Juliana 12 de setembro de 2009 00:41
Kewin ler este post vai bem:
http://dicasblogger.blogspot.com/2009/09/problema-com-o-jump-break.html
Bruno R. T. 12 de setembro de 2009 14:03
Até que em fim Muito obrigado mesmo Juliana!
FHAZ NEW 13 de setembro de 2009 10:21
Testado é aprovado .
Só tem um problema os assinantes do meu feeds estão recebendo os artigos todos desconfigurados.
Verifiquem os seus feed e depois comente aqui.
Anônimo 16 de setembro de 2009 20:50
Só uma dica, caso queria usar em qualquer outro editor esse "hack" do blogger basta colocar o comentário:
"!-- more --"(substituir as aspas por <>) aonde se quer ocultar que o blogger posta com o hack.
Anônimo 18 de setembro de 2009 15:14
Pessoal eu fiz conforme descrito nas imagens acima e ficou beleza, não precisei editar o html e nem usar os escripts.Basta seguir as imagens.
Rodrigo Fontes 29 de setembro de 2009 15:44
Obrigado por mais uma ajuda.
Ricardo 29 de setembro de 2009 18:43
Bom eu em um dos templates que tentei instalar a sidebar estava indo para o footer da pagina, tentei instalar o JV mais mesmo assim não corrigiu.
Ricardo 29 de setembro de 2009 19:05
Consegui arrumar após apagar as divs dos pots,dae funcionou normalmente sem utlizar qualquer script.
dnsdesign 23 de outubro de 2009 08:47
Caramba e eu me matando em fazer hacks ! Funfo de boa...
Weverton Guedes 23 de outubro de 2009 11:54
Comentando apenas pra avisar que testei e o resultado também foi satisfatório.
Em um blog de teste, usando o template Dicas blogger 1.0, deu tudo certo. Apenas uma observação de que o trecho " [p] [data:post.body/][/p]" aparece apenas uma vez no hmtl desse template. Ou seja, de forma diferente do seu print, talvez porque ele tenha sido criado pelo Paulo né? Mas, mesmo assim, aparecem as tags "[p]"
Obs. utilizei "[" e "]" por que o formulário de contato não aceita tags.
Dayubee 14 de novembro de 2009 09:52
sem querer eu usei isso ai.
Agora minha sidebar ta lá em baixo já troquei de template várias e várias vezes mas ela continua em baixo o que eu tenho que fazer.
obs: quando eu olho o blog inteiro a sidebar ta lá em baixo.
Se eu visualizar post por post ela volta pro lugar.
Porfavor me ajudem to triste de ver meu blog assim.
:link http://evanescencetrh.blogspot.com
Gabriel Sena 22 de novembro de 2009 03:39
Aqui funfo de boa em um Template personalizado
Nem precisei mudar nada no HTML =D
Anônimo 22 de novembro de 2009 22:33
Obrigado Juliana, no meu blog funcionou legal!! ;-)
Segue link: http://www.computacao-em-acao.com/
\o/ Abcs.!
Gabrianne MaD 25 de novembro de 2009 03:28
Desculpe, mas pode me ajudar?
Quando uso esse truque, a sidebar do meu blog sai da lateral e vai para o final do site... O que está acontecendo? Fiz algo errado?
Gilmarzinho 23 de janeiro de 2010 11:35
Vou usar agora mesmo!
denise bottmann 31 de janeiro de 2010 21:44
muito obrigada, foi ótimo, deu certinho!
' Aℓℓɑɳ ɗɑѵiɗ 1 de fevereiro de 2010 19:59
Maria Gorete 4 de março de 2010 22:33
Adorei! usei e era tudo o que eu queria para deixar a home do meu blog mais leve!
obrigada pela dica didática! E olhe que eu tive que alterar o layout tb, pois está personalizado. Enfim, obrigada! Boa sorte!
Anônimo 5 de março de 2010 11:01
Adorei também! Tenho só uma dúvida: pq aparecem 2 leia mais nos meus posts? será que poderia me ajudar (paula_rached@yahoo.com.br)
Rafael Silveira 30 de março de 2010 11:25
E eu passava tanto trabalho...
Grande abraço Mãe Juliana!
Só na Zueira 4 de maio de 2010 16:40
Show de bola!! Gambiaras nunca mais... Super post, nota 10.
Mauricio Trindade 5 de maio de 2010 15:39
Valeu, funcionou mesmo, adoro este site e sempre aprendo coisas novas por aqui!
Esther 14 de maio de 2010 00:53
como sempre vc salvou meu bloginho!!! brigaduuu!!!
Edu Gomes 16 de maio de 2010 22:52
Você parece que adivinha meus pensamentos. Parece que tudo o que eu preciso encontro aqui rsrsr
Muito obrigado Juliana. Sou um ouvinte dos seus podcasts também. Adorei a entrevista com o Compulsivo e com a Ariane. Você leva jeito mesmo! rsrsr. Pq parou de entrevistar? Vê se volta!
Tiago Lucian 22 de maio de 2010 12:28
Olaá juliana, tenho a msm duvida de alguem ai em cima. Por que aparecem 2 Continuar lendo? Fica feio isso, se puder me ajudar serei mto grato!
Aprenda Com Prazer 6 de julho de 2010 19:11
putz mano eu precisava disso perdi a cabeça procurando vlw msm
Maria João 12 de julho de 2010 10:36
Muito bem explicado, já havia tentado através de outros sites, mas nenhuma dica dava certo... Para quem é iniciante...rs Muito obrigada!!
Sonia 28 de agosto de 2010 14:23
Não consigo colocar isso no blog (designer). Nunca dá certo por qualquer método. Queria o jump break do blogger, mas não funciona. Dá pra entender? Estranho!...
Anônimo 30 de outubro de 2010 12:26
Valeu pela dica, já implentei em meu blog, foi fácil, sua explicação foi clara e objetiva.
BlogFull 14 de novembro de 2010 19:43
Muito obrigado!.
Gerllany Amorim 15 de novembro de 2010 17:40
PARABÉNS POR ESTE POST!!!
estava procurando isso há tempo para o meu blog e só aqui encontrei. Olha q curioso, descobri isso através de um comentário de usuário q postou esse link, justamente quando procurava por este recurso! OBRIGA MIL VEZES OBRIGADA! agora deixou de ser hack!!!!!!!!!!! q coisa boa!
Administrador___ 19 de dezembro de 2010 11:49
Caramba eu estava querendo isso a tempos, pq meu blog é editado, não sabe como eu estou agradecido pelo tutorial nota 1,000, parabêns!!!
Unknown 7 de janeiro de 2011 16:55
Parabéns pelo post, contenue assim...
[Www.CheatsPCBrasil.blogspot.com]
Icaro F. 9 de janeiro de 2011 23:22
Oh Artigo santo
Cara vlw mesmo você me salvou, eu quiz ser o maximo e fazer uma template do zero e ekeci muiiiitas coisase so estava faltando isso, vlw mesmo
Manoel S. Ferreira 10 de janeiro de 2011 15:01
foi muito produtiva a dica que obtive aqui.
aproveito pra deixar aqui o endereço do meu blog para a galera visitar e seguir se gostarem. ok
www.brilhonegro.blogspot.com
Anônimo 13 de janeiro de 2011 15:08
Já estou usando no meu blog.
Mariana 14 de janeiro de 2011 17:39
Mais uma vez o Dicas Blogger me salva! kkkkk
Galeria das ideias!
mackenna 12 de março de 2011 02:03
perfeito cara,prourei muito por isso.
Jhon CCB 4 de abril de 2011 00:28
Ola parabéns pela postagem, muito direta e objetiva estava procurando por isso. valeu dicas blogger
http://embuscadoentendimento.blogspot.com/
Daniel 15 de junho de 2011 23:50
Eu acho que o Blogger já deve ter corrigido este bug, pois eu postei usando o recurso do Jump Break e não aconteceu de desconfigurar o layout do meu blog.
Anônimo 1 de fevereiro de 2012 22:29
Olá, eu fiz como você ensinou e não deu certo. Você pode dar uma olhada em meu blog, por favor, para me indicar qual processo correto devo seguir. Obrigada
Adm. 15 de maio de 2012 08:23
POXA! Valeu cara essa ferramenta é muito boa.
Graças a você ficou fácil fazer kk
Rukia 5 de julho de 2012 19:37
Cara o meu está em ingles (More info) como ponho em portugues?obrigada
Priscila Fago 5 de julho de 2012 23:36
Procure dentro do código html a expressão 'more info' e substitua por 'Leia mais'. Mas se certifique que está dentro do código desse hack!!!