[Blogger] - Como adicionar o link "Leia mais" (Continue Lendo) nos artigos

Olá queridos leitores, hoje eu atenderei ao pedido do leitor Luiz Fernando, e ensinarei como utilizar o link "Leia mais" nos artigos de blogs do Blogger. O link "Leia mais", também conhecido como "jump break", é bastante utilizado nos casos em que o artigo é muito extenso, e traz a vantagem de fornecer um visual mais intuitivo e menos pesado para a página inicial do blog.

O link "Leia mais" é uma opção que o Blogger já oferece por padrão, por isso você não precisará instalar nenhum código ou mexer no template do seu blog — exceto nos casos de pessoas que usam templates personalizados que fazem uso de algum tipo de hack que altere essa opção —, portanto, basta seguir este tutorial e você verá como é simples e rápido.

1. Faça login no Blogger, clique no nome do seu blog para acessar o painel de controle do mesmo, depois clique no botão Nova postagem para acessar o editor de artigos do Blogger.

2. Após ter acessado o editor de artigos do seu blog, você deverá escolher dentro duas opções para adicionar o link Leia mais em seus posts. São elas:

Opção 1 - Modo Escrever


Estando no modo Escrever do editor, escreva seu artigo normalmente, após terminá-lo posicione o cursor do mouse no local em que você deseja que o texto acabe e apareça o link "Leia mais". Depois, clique no botão Insert jump break, como ilustra a imagem abaixo.


Após clicar no botão a aparência de seu artigo mudará, e ficará como ilustrado na imagem abaixo.


Opção 2 - Modo HTML


Estando no modo HTML do editor, escreva seu artigo normalmente, após terminá-lo adicione o código fornecido abaixo no lugar em que você deseja que o texto acabe e apareça o link Leia mais.

<!--more-->

Após adicionar o código, seu artigo ficará como mostrado na imagem abaixo.


3. Depois de seguir qualquer uma das opções que foram descritas acima, basta publicar o artigo.

Na página inicial do blog, o leitor verá somente a frase: "Este texto será a introdução do artigo e ficará visível na página inicial do blog.", e quando clicar no link "Leia mais" será direcionado para a página do artigo, onde verá o texto completo, incluindo a parte: "E esta será a parte que ficará “oculta”, e só aparecerá quando o leitor clicar no link 'Leia mais'".

Atualização — 04.08.2011 às 02h25
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger, e para atualização de algumas informações.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 10 comentários neste artigo!

  1. Po irada essa.... (depois de alguns anos consegui ler esse post.)

    'L'

    ResponderExcluir
  2. Muito obrigado só deu certo com o seu e tabm foi o mias simples de todos.

    ResponderExcluir
  3. Igor, muito massa...parabéns, querido.Me ajudou bastante mesmo.
    Sandra

    ResponderExcluir
  4. eu tenho um problema,tipo assim quando eu posto fica um leia mais em cima outro em baixo tipo assim

    Leia Mais
    Olá estou mostrando aqui blablabla...
    leia mais

    dai quando eu vou tentar mudar pra imagem aparece uma imagem em cima e o leia mais em baixo,como eu arrumo isso?

    ResponderExcluir
  5. Sukito: eu visitei seu blog e não encontrei nenhum problema com o seu “leia mais”. Se o problema ainda persiste, informe o endereço do artigo onde ele está ocorrendo.

    ResponderExcluir
  6. Oi Igor, eu sei que estou querendo de mais, mas me diga como você conseguiu colocar aquela sombra no hack leia mais e aquele background lindo!

    Me ajude!

    ResponderExcluir
  7. Oi Igor, tudo bem?
    Primeiramente quero informar que seu blog continua me salvando por aqui!! hahaha
    Dúvida em relação a esse post: só há essa maneira de colocar o "Leia Mais" nas postagens, uma por uma? Existe alguma forma de deixar o blog todo assim, como em alguns layouts que já estão com esse recurso incorporado? [meu layout é do Blogger mesmo, nada de fora].

    Abraços e Obrigada,

    Lu

    ResponderExcluir
  8. João Neto: assim que possível publicarei um artigo ensinando como criar botões com CSS, fique no aguardo!

    Lu: quanto tempo, poxa, bom saber que o blog ainda te ajuda, mesmo com as postagens não estando tão frequentes como antes! Para adicionar o “leia mais” nos artigos é necessário fazer manualmente, artigo por artigo, isso se você quiser utilizar o “leia mais” nativo do Blogger. Mas há alguns scripts que adicionam o “leia mais” automaticamente às postagens, veja este artigo. Espero que te ajude! Qualquer dúvida é só entrar em contato.

    ResponderExcluir