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”.
![Expandir modelos de widgets](http://lh6.ggpht.com/_NBm6T2_gd54/TRJ-RIpD7oI/AAAAAAAAB6w/vj_XtTF1zsI/LeiaMais1%5B3%5D.jpg?imgmax=800)
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/>
![Post.Body](http://lh6.ggpht.com/_NBm6T2_gd54/TRJ-SlF1m2I/AAAAAAAAB60/TUgA1bZCG18/LeiaMais2%5B3%5D.jpg?imgmax=800)
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 >
![Post.Body + JumpText](http://lh5.ggpht.com/_NBm6T2_gd54/TRJ-T6xju5I/AAAAAAAAB64/c5CdTlU4p28/LeiaMais3%5B3%5D.jpg?imgmax=800)
Clique em Salvar Modelo. Se você fez tudo certo, não haverá erro.
![LeiaMais4](http://lh6.ggpht.com/_NBm6T2_gd54/TRJ-VJtLcgI/AAAAAAAAB68/44gel5gpyOM/LeiaMais4%5B2%5D.jpg?imgmax=800)
Passo 3: Mudando o nome do link
Em Design -> Elementos da página, selecione Editar, em Postagens no Blog.
![Mais Informações](http://lh3.ggpht.com/_NBm6T2_gd54/TRJ-W-W5cNI/AAAAAAAAB7A/yJny3pEsNkA/LeiaMais5%5B3%5D.jpg?imgmax=800)
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”:
![Inserir Jump Break](http://lh6.ggpht.com/_NBm6T2_gd54/TRJ-Zo2RI2I/AAAAAAAAB7I/7tmmmRrsodg/LeiaMais7_thumb.jpg?imgmax=800)
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:
![Editor Atualizado](http://lh5.ggpht.com/_NBm6T2_gd54/TRJ-bf9picI/AAAAAAAAB7M/w1IN7xxLhQg/LeiaMais6%5B9%5D.jpg?imgmax=800)
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.
Mas que ótima notícia ein.
Eu procurava não utilizar o Blogger por causa disso, nunca conseguia inserir direito o link "leia mais".
Esta dica me foi muito útil, obrigado!
Postar um comentário
Antes de comentar, leia: