Jump Break é um novo recurso do blogger que permite botar o hack/link “Leia mais…” nativo e automático no editor de textos padrão do Blogger. Este era um recurso difícil de usar, pois exigia criar linhas de código no código-fonte do Blog e adicionar manualmente tags dentro do código HTML dos posts, mas agora tudo mudou e ficou mais fácil de usar.
Agora basta digitar seus textos normalmente e editá-los da mesma forma que fazia antes. Ao terminar escolha a linha onde será inserido o link “Leia mais” de seu artigo e clique no botão que agora se chama “Inserir jump break”. Uma linha será adicionada no local indicando o ponto do resumo de postagem, conforme ilustra a imagem abaixo.
Se você quiser personalizar a imagem do hack 'Leia Mais' é simples,abra o código fonte do seu blog e siga os passos abaixo:
Nota: Lembre-se de aplicar a opção ’EXPANDIR MODELOS DE WIDGETS'
Pesquise no seu HTML a parte descrita abaixo:
b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Pegue essa parte,que esta no trexo acima :
<data:post.jumpText/>
E substitua por :
<img src='URL_DA_IMAGEM_AQUI'/>
O html la de cima tem que ficar assim:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src='URL_DA_IMAGEM_AQUI'/></a>
</div>
</b:if >
Você também pode colocar imagem e texto juntos, para fazer isto apague o mesmo código <data:post.jumpText/> e substitua pelo trecho de código abaixo:
<img src='URL_DA_IMAGEM_AQUI' style='vertical-align:middle;border:0'/> Continue lendo...
Em caso de duvidas comente abaixo,assim que possível estaremos respondendo...
Mara Leite