Para você usar o "jump" você precisa tá com o editor atualizado do Blogger Você precisa:
Faça login em sua conta blogger;
Na primeira tela que surgir, procure pelo painel do seu blog e clique em Configurações, como ilustra o print abaixo:
Clicando em configurações você será direcionado ao painel de configurações do seu blog. A primeira página é a Básico. Permaneça nesta página, e procure por Configurações globais (fica quase no fim da página).
Ao achar você verá que há dois blocos de opções. O primeiro bloco é este:
Selecione a opção Editor atualizado. Feito isso clique em Salvar configurações. Está feito! Agora vamos a segunda parte deste tutorial.
Utilizando o recurso...
Com o recurso ativado vá até o painel de postagem de seu blog, Clique em Nova Postagem ou Editar postagens se for o caso.
Note que a área de edição de postagens mudou
Note que a área de edição de postagens mudou

Escreva o texto que você quiser, e quando chegar na parte que você quer resumir, basta clicar no ícone Jump break
e uma faixa será mostrada dividindo o texto


Clique em publicar postagem e esta pronto! Seu post já estará resumido na página inicial do blog, e isso acontecerá apenas nos posts configurados por você.
Depois De Ter Feito isso tudo você precisará configurar seu template para que o jump apareça!
www.downsmx.blogspot.com
Para ver o novo código, abra no painel do Blogger o menu “Design” ~> “Editar HTML” e clique em “Expandir modelos de widgets” para ver todas as linhas do código-fonte de seu modelo de template. Agora procure pelas seguintes linhas:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Se não encontrar essas linhas é sinal de que seu blog não está preparado para usar o novo recurso, então procure por:
<data:post.body/>
Isso tem em todo template e cole as linhas indicadas do novo hack logo ABAIXO disso, que tudo irá funcionar.
Bom, mas para alterar o link e adicionar imagens ou compor imagens e texto ao mesmo tempo, bastará modificar um pequeno trecho desse novo código. Localize a parte destacada acima de vermelho e altere como desejar. Lembrando que se modificar aqui manualmente, não poderá fazer as mais uso do painel citado anteriormente.
Bom, mas para alterar o link e adicionar imagens ou compor imagens e texto ao mesmo tempo, bastará modificar um pequeno trecho desse novo código. Localize a parte destacada acima de vermelho e altere como desejar. Lembrando que se modificar aqui manualmente, não poderá fazer as mais uso do painel citado anteriormente.
Para adicionar uma imagem:
Substitua por completo o trecho “<data:post.jumpText/>” por um código de imagem:
Substitua por completo o trecho “<data:post.jumpText/>” por um código de imagem:
<img src='URL_da_IMAGEM'/>
Substituindo o texto verde pelo endereço URL da imagem desejada.
Para adicionar imagem e texto:
O mesmo trecho indicado de vermelho deverá ser substituído por completo por algo como:
Para adicionar imagem e texto:
O mesmo trecho indicado de vermelho deverá ser substituído por completo por algo como:
<img src='URL_da_IMAGEM' style='vertical-align:middle;border:0'/> Leia mais...
Da mesmo forma, indicado de verde deve-se colocar a URL da imagem; e de rosa altere para o texto que quer colocar junto da imagem.
TUTORIAL FEITO POR : ADMIN NANDO DOWNSMX
Feito Isso Você poderá fazer seus posts normais que apareçerá o Jump Break!