3 de março de 2012

17

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:
Como colocar botão Css3 Leia mais postagem no blog
Botão Css3 Leia mais Postagem...
oi pessoal , espero que tenham gostado desta aula, recomendo que todos utilizem este recurso no seu blog

17 comentários:

  1. Oi me ajudou demais, já estou seguindo , convido a me visitar e seguir também:proaiseartedeeducar.blogspot.com, ah cmo faz para colocar o arquivo em ordem alfabética me responde quando me visitar.

    ResponderExcluir
  2. Muito bem explicado e simples de entender cara, valeu!

    ResponderExcluir
  3. Olá como eu removo esse código do blog já que ñ acho mais devido a substituição que fiz pelo novo CÒDIGO Obrigado !

    ResponderExcluir
  4. Oi obrigado pela dica. Teria como centralizar esse botão ou alinhar ele a esquerda?

    ResponderExcluir
  5. As informações aqui encontradas foram muito úteis. Parabéns pela forma simples e objetiva de ensinar!

    ResponderExcluir
  6. Ola amigo , gostei da dica resumo de postagem meu muito obrigado . att mais

    ResponderExcluir
  7. não encontrei a aba Expandir Modelo de Windgets

    ResponderExcluir
  8. como faço para o botao ficar no meio da postagem e nao no canto?
    deste ja agradeço.
    Parabéns pelo ótimo trabalho!!!

    ResponderExcluir
  9. Olá eu acho muito bacana essas opções de outras postages que tem após a postagem como eu posso fazer isso no meu blog?

    ResponderExcluir
  10. olha fiz isso deu certo
    mas agora o botao leia mais nao funciona! e nao tem como ver o restante da postagem!
    o que eu faço?

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Meu caso é complicado... tenho mais de mil postagens sem a ferramenta "Expansão de postagem". Há algum código que eu possa inserir na edição do HTML do blog para que todas as postagens fiquem resumida na página inicial?

    ResponderExcluir
  13. EU COLOQUEI NO MEU, E DEUS ERRO DE SCRIPS

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook