Como colocar Leia mais no blog-postagem resumida

Atendendo ao amigo Leôncio de Carvalho,da cidade de Londrina no Paraná,estou postando "Como colocar Leia mais no blog",ou seja,uma postagem resumida.

As vezes você faz uma postagem,e ela é muito longa,explicativa,e tende a se digitar um grande número de palavras,por consequência ocupa muito espaço no blog.

Uma maneira de diminuir,ou resumir,é colocar o "Leia mais",pois a postagem não aparece completa na página inicial do blog.

O visitante verá apenas um resumo dela,e clicando no "leia mais",ele vai ser direcionado para outra página,e terá a postagem por completo.

Veja o exemplo nessa.

Para colocar o "Leia mais",precisamos fazer alterações no Template do blog,colocando códigos HTML/JavaScript,e temos alguns cuidados antes de mexer nele,leia com atenção e calma,que tudo vai dar certo OK?

Antes de mais nada,faça um um backup do template de seu blog,para no caso de sair algo errado você possa corrigir,se não sabe como fazer clique aqui 

Salvar cópia do template do blog

Agora vamos ao nosso tópico de colocar o leia mais no blog.

 No Template antigo : Entre no Painel do blog,e clique em Design.

Na barra em cima clique em Editar HTML

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

Aperte as teclas Ctrl e a letra F 

Lá em cima no lado direito vai aparecer uma barrinha,nela você coloca esse código  <data:post.body/>

Se precisar clique Enter(geralmente não precisa).

Procure por  <data:post.body/>  ele deve aparecer sombreado na cor laranja.

Abaixo dele coloque esse código.

<b:if cond='data:post.hasJumpLink'> 

<div class='jump-link'> 

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> 

</div> 

</b:if >

Não salve ainda,clique em Visualizar,se estiver tudo certo seu blog irá aparecer,então clique em Salvar modelo.

Quando você for ver como ficou,vai aparecer < Mais informações >,porém você pode mudar essa frase para Leia mais,ou Continue lendo,ou qualquer frase que deseje colocar.

Nota:caso apareça algum erro,clique em Limpar edições,aguarde um pouco e clique em Design,e seu blog ficará como estava antes.

Ou se aparecer Descartar todas as alterações não salvas:clique em OK e volte ao blog. *** No Layout Novo > Entre no Painel do blog. > Ao lado do título do seu blog tem um quadrado amarelo com a figura de um lápis no centro,mais ao lado tem uma seta,apontando para baixo. > Coloque o ponteiro do mouse sobre a seta,e vai aparecer Mais opções. > Clique sobre a seta procure e clique em Modelo. > Vai aparecer o Layout do seu blog,abaixo dele tem Personalizar e Editar HTML. > clique em Editar HTML. > Clique em Prosseguir,depois clique em Salvar modelo completo,e coloque o código acima indicado,e clique em Salvar modelo. 

Abra um documento de texto,copie o link do Blog e salve em seu PC.

Quando precisar,é só voltar.

Te ajudou?

Faça um comentário e Divulgue nas Redes sociais!

Posted in: Tutorial