Como utilizar o “Leia Mais” padrão do Blogger e WordPress?
Quando utilizamos alguma ferramenta própria da plataforma o serviço tende a ser mais simples, rápido e também deixa o site mais leve e funcional. Houve um tempo em que o Blogger não disponibilizava essa ferramenta, aí tínhamos que optar por códigos que poderiam pesar o layout.
Com as novidades de 10 anos do Blogger, resolveram implementar o resumo de posts nativo (jump break – o que facilitou a vida de muita gente). Aprenda a utilizar:
“Leia Mais” em templates nativos do Blogger:
Basta você acessar o seu painel, clicar na aba “Postagens” > “Nova Postagem” ou “Editar postagens“. Clique em “Escrever“. Escolha o local que você quer colocar a tag, depois da tag nada vai aparecer (só quando a página do post for aberta).
Você pode clicar no botão destacado na imagem acima, ou clicar em “Editar HTML” e adicionar manualmente (<!– more –>). Nunca coloque a tag dentro de outras (<p></p>, <div></div>). Coloque sempre fora, como na imagem abaixo.
“Leia Mais” em templates alterados do Blogger:
Para alguns templates que foram alterados, você só conseguirá utilizar o “leia mais” se colocar um código em seu blog. Acesse a aba “Layout” > “Editar HTML“, marque a opção “Expandir modelos de widgets” e pesquise (CTRL+F) por <data:post.body/>.
Acrescente o seguinte código após a tag procurada:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Clique em “Salvar Modelo” e pronto, só utilizar o que foi ensinado acima (nos templates nativos). Certifique-se de vocês estar utilizando o novo editor do Blogger.
“Leia Mais” no WordPress:
O WordPress já apresenta essa ferramenta há muito tempo. Está disponível em ambos (WordPress.com e WordPress.org). Para utilizá-lo devemos seguir a mesma linha de raciocínio que utilizamos no Blogger, não podemos colocá-lo dentro de outras tags. O código é PARECIDO com o do Blogger (<!– more –>), WordPress (<!–more–>). A diferença é os espaços entre os hífens (-) e a palavra (more).
Para utilizá-lo é fácil, basta escolher o local onde você deseja colocar e clicar na área destacada abaixo. Você também poderá colocar manualmente (recomendado), clique em “HTML”, escolha a área e digite (ou clique em “more”). Lembre-se: Não coloque a tag dentro de outras tags!
Tanto no Blogger quanto no WordPress uma linha irá se formar separando a área do post que será mostradas na página inicial da parte que ficará só visível na página de cada post. Espero que tenha gostado do pequeno tutorial.
Fonte: Dicas Blogger – Como colocar o hack “Leia Mais” no Blogger.
ATUALIZADO: Houve um erro que já corrigi. Os códigos do Blogger e WordPress possuem uma pequena diferença. Preste atenção para não errar (como eu).
Luan, conserte a tag do Blogger, pois há uma sutil diferença:
[!-- more --](coloquei [] ao invés de pois não sei se o WP permite colocar tags nos comentários.)
Essa sutil diferença está nos espaços antes e depois de more, sem eles a tag não funciona.
Muito obrigado pelo aviso! Terei que alterar todo o post.
Para mim ambas as tags eram iguais. O Blogger alterou ela, né?
Não, sempre foi desse jeito!
Estou tentando retirar ele de meu blog (blogger), mais da erro de HTML.. no lugar dele, tenho que substituir algo. Se for possivel, me informar por e-mail.