Como fazer Resumo de postagem com um Botão Leia mais

Veja como fazer "Resumo de postagem no Blog com botão leia mais".
O resumo de postagem é muito importante para o Blog e não pode faltar no seu, pois ele ajuda bastante a organizar as postagens do blog para aparecerem nas páginas internas...






Se por acaso você não conhece o resumo de postagem, vou explicar.
Esse recurso deve ser utilizado em todas as postagens do blog, ele serve para ocultar o conteúdo das postagens publicada e, exibir um breve resumo da postagem nas páginas internas do blog (pagina inicial e de pesquisa).

É muito comum o autor do Blog escrever uma postagem com um conteúdo bastante extenso, contendo imagens ou videos. E se você perceber, tudo aquilo que publicamos vai aparecer na página inicial, né isso! Então, se todas as postagens aparecerem por completa na página inicial, o seu blog vai ter uma página muito grande que vai demorar a carregar todas as postagens, e isso prejudica, por isso é importante usar o resumo de postagem no blog.

Se você acessar a página inicial do meu blog, você vai ver que todas as postagens aparece resumida com o botão leia mais, fica bem organizado e o leitor poderá acessar a postagem que realmente ele tem interesse em lê.

Inserir Expansão de Postagem (Fazendo resumo de Postagem)

Para fazer o resumo, vamos utilizar a ferramenta "Inserir Expansão de Postagem", esta, é a ferramente que faz o resumo da postagem.

1° Para fazer isso, você vai criar uma postagem, pode ser uma postagem de teste contendo qualquer texto.

• Então, no começo da postagem você vai "escrever uma descrição" que fala sobre o conteúdo da postagem, e o texto deve conter no máximo 6 linhas, e o minimo pode ser 2 linhas.

• Depois de escrever a descrição, clique abaixo do ultimo caractere (linha) da descrição.

• Agora Clique no Botão:  "Inseri Expansão de Postagem", ele tem um desenho de uma folha quebrada ao meio, veja um exemplo mostrado na imagem aí a baixo:

Clique na imagem para visualizar melhor

Observe: Note que vai aparecer uma linha cinza cortando o Texto, e a parte que está sobre a linha cinza, é a parte que aparecerá na página inicial, e a parte que está abaixo é o ponto onde vai aparecer o botão "Leia mais..." ou  pode aparecer "Mais Informações>>", na página inicial.

• Depois de inserir a "Expansão de Postagem" escreva qualquer texto ou cole um outro texto qualquer, só para testar.

• A seguir, Publique a postagem. Depois de ter postado, acesse a página inicial do seu blog, veja que na nova postagem apareceu um link "Mais Informações>>". Se você clicar no link a postagem será aberta em uma nova página. E é assim que funciona o resumo de postagem.

---

Conclusão:

Viu como foi fácil de fazer o resumo de postagem!
Então, lembre sempre de usar esta opção toda vez que for criar uma postagem, antes escreva uma descrição e insira a "Expansão", em seguida termine de escrever o conteúdo abaixo da expansão.

---

Observação 1: Todas as postagens que foram publicada, você terá que Editá-las e inserir a "Expansão de Postagem", porque o resumo não é feito de maneira automática.

---

Como colocar um Botão no Lugar do "Leia mais Informações"

O link "Mais informações" que aparece na página inicial, você pode personalizá-lo colocando um Botão leia Mais, e esse botão será feito através de uma imagem personalizada.

Veja alguns botões que eu fiz que você pode usar no blog, e se preferir pode criar o seu:

Como colocar Botão Leia mais no Blog:

1º Passo:  Acesse o painel de edição do seu blog, vá na opção Modelos >> depois em Editar HTML:

2º Passo: Clique em qualquer parte no Código do Blog, em seguida pressione as teclas de Atalho (Ctrl+F) do seu teclado, e encontre esta trecho no código:

<data:post.jumpText/>

• E substitua o trecho encontrado por este:

<img src='endereço da sua imagem'/>

Depois altere o código, substitua a parte destacada em Azul pelo endereço da imagem do Botão. Feito a alteração, clique em visualizar modelo e veja se tudo ocorreu certo, em seguida Salve o Modelo. Pronto!

---

Recomendo que leia:

Botão Css3 Leia mais Postagem...

oi pessoal , espero que tenham gostado desta aula, recomendo que todos utilizem este recurso no seu blog