"Leia Mais" no Blogger - Posts Resumidos

Desde os primórdios, vem se buscado uma maneira de colocar o tão querido link de “Leia mais” nos blogs do Blogger (Blogspot).

Muitos hacks foram criados, que apenas ocultavam parte do conteúdo para que ele não fosse totalmente visível, como o da “fullpost” ou do “resumo automático”.

Como não vinha postando regularmente no SemNome, não percebi que o Blogger já havia adicionado esse recurso. Até que li esse artigo no Blogger Buzz.

Então, se você ainda não tem esse recurso em seu blog, vamos aprender a adicioná-lo:

Passo 1: Conferindo se o seu layout já tem o recurso

Na página de edição de HTML do seu blog, marque “Expandir modelos de widgets”.

Aperte Ctrl+F e busque por JumpLink no seu código.

Se o código não for encontrado, seu blog precisa do código para que o link possa funcionar.

Passo 2: Adicionando o link no template

Na mesma página, busque por (use Ctrl+F):

<data:post.body/>

Obs.: Se não aparecer, significa que você não clicou em “Expandir modelos de widgets”

Então, cole logo 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 >

Clique em Salvar Modelo. Se você fez tudo certo, não haverá erro.

Passo 3: Mudando o nome do link

Em Design -> Elementos da página, selecione Editar, em Postagens no Blog.

Modifique o Campo “Texto do link da página de postagem” para o texto que quiser. Ex: Leia Mais », Leia o resto da postagem » ou qualquer outro.

Dica! Para colocar o » sem precisar copiar e colar, Faça o seguinte: segurando a tecla Alt, digite 175 com o teclado numérico, então solte o Alt.

Passo 4: Usando nas postagens

Se você utiliza o novo editor do Blogger, basta clicar no link “Inserir Jump Break”:

Se você não utiliza o novo editor do Blogger, você pode ativá-lo em Configurações -> Básico -> Configurações globais -> Selecionar editor de postagem:

Caso não queira utilizar o editor do Blogger ou utilize algum software para postar no blog, você pode utilizar esse código no HTML no local que quiser Inserir o link “Leia Mais”:

<!-- more -->

Pronto! Agora você está com posts resumidos no Blogger sem gambiarras ou hacks! Você também pode configurar para que seus feeds só exibam o conteúdo até esse link.