Pular para o conteúdo principal

Resumir Postagens

Este hack feito pela Ariane do Templates Para Novo Blogger é muito legal para os blogueiros que costumam escrever bastante nos posts.
1. Vá em Editar HTML, clique em expandir modelos de widgets e procure por esse código (para facilitar aperte CTRL + F no teclado): <p><data:post.body/></p>
Depois, substitua por:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Leia mais…</a>
</b:if>
2. Salve e vá em Configurações > Formatação e procure por Modelo de Postagens. Lá coloque o seguinte código:
Começo do Post
<span class="fullpost">
Fim do post
</span>
Salve novamente e pronto.

Comentários

  1. Ola, eu estou tendo um pequeno problema com esse hack, no meu blog as postagens aparecem inteiras e no final delas o "Leia mais...". Porque não está funcionando?

    para você ver:

    http://universo-estranho.blogspot.com/

    ResponderExcluir
  2. @Borus, eu dei uma olhada no código fonte de um do seu blog, e parece que você não fez a última parte do tutorial:
    vá em Configurações > Formatação e procure por Modelo de Postagens. Lá coloque o seguinte código:

    Começo do Post
    <span class="fullpost">
    Fim do post
    </span>

    ResponderExcluir
  3. não encontrei a palavra que ai é referida não consegui fazer nada.

    www.vocacionadosdedeusemaria.blogspot.c dê uma olhada por favor pois não encontrei a palavra que devo substituir

    ResponderExcluir
  4. @Erick, tente procurar por <data:post.body/> !

    ResponderExcluir
  5. Aqui aconteceu como o 1° amigo que comentou.
    Aparece a notícia toda e embaixo (leia mais...)

    e eu fiz tudo certinho, até a última parte.

    http://vilhenaec.blogspot.com

    ResponderExcluir
  6. Não deu certo.
    ficou o post todo, e não resumo
    e fiz td certo.

    ResponderExcluir
  7. @Eduardo, eu abri o seu blog com o Firefox e tava certo!!!

    ResponderExcluir
  8. PS.: Nor posts mais recentes o hack funcionou!!!

    ResponderExcluir
  9. Cara tentei fazer mais ficou como o primeiro comentário, não resumiu e fiz a 2ª parte do tuto
    como manda aqui o que saiu errado? http://fortalezadaescuridao.blogspot.com clique em contos, é esta página que não rolou o hack. vlw

    ResponderExcluir
  10. @Andrezão, eu testei com o FF e tava certo. No IE também funcionou bem!
    Mas, geralmente isso acontece quando você não coloca o resto do artigo entre <span class="fullpost"> e </span>!

    ResponderExcluir
  11. Não consegui colocar. Fiz tudo como mandou, aparece o Começo do Post e Fim do post sempre que faço uma postagem nova, mas fica tudo como inteiro direto!

    http://pinofensivo.blogspot.com

    ResponderExcluir
  12. Eu não encontrei os trechos citados no artigo como, <span class='fullpost'> no começo do artigo e </span> no final!

    ResponderExcluir
  13. eu fiz tudo e as o leia mais fica no final das postagem aparece a postagem intera

    ResponderExcluir
  14. @gustavo, talvez você não tenha seguido corretamente a parte 2!
    A parte do artigo que fica escondida na página inicial deve ficar entre as tags <span class="fullpost"> e </span>

    ResponderExcluir
  15. Oie, o meu problema é INVERSO. Meus post são resumidos, como explica acima. MAS EU QUERO OS POSTS INTEIROS. tem como voce me ensinar como é? bEIJOOOOS

    ResponderExcluir
  16. Boa funcionou, mas tive que pensar pra resolver. Cabe ressaltar que você escreve oque quer q apareça no inicio e dentro do codigo você coloca oque quer que apareça quando clica no "Leia mais"

    ResponderExcluir
  17. o leia mais apareceu
    mas o porra do texto naum resumiu ¬¬

    ResponderExcluir
  18. #cleber, reveja o passo 2, e veja no seu post se a parte que você quer resumir está entre as tags da parte 2.
    Ahh! O blogger já tem um recurso de resumir postagens.
    Ta aí o link:
    http://translate.google.com.br/translate?js=y&prev=_t&hl=pt-BR&ie=UTF-8&layout=1&eotf=1&u=http%3A%2F%2Fbuzz.blogger.com%2F2009%2F09%2Fyou-might-as-well-jump.html&sl=en&tl=pt

    ResponderExcluir
  19. Allan, não consegui acessar seu perfil. Me manda o link por email (guiab@live.com) ou deixa um comentário!
    Vlw

    ResponderExcluir
  20. POr favor me ajudaa.... eu fiz tudo o que vc disse, e apareceu um "Leia mais" e em baixo um "mais informações", não tem como deixar só um não ?

    ResponderExcluir
  21. Meu blog é http://girliike.blogspot.com/

    ResponderExcluir
  22. ola como posso fazer isso no meu blog pois noa tem mais expandir widgets

    ResponderExcluir

Postar um comentário

Sinta-se livre para comentar. Mas lembre-se: os comentários devem estar relacionados ao assunto do post e tudo o que você escrever fica por sua conta e responsabilidade.

Postagens mais visitadas deste blog

Ferramentas para blogs - Verificar Backlinks, diagnósticos e estatisticas

Estamos no 6º artigo da série Ferramentas para Blogs. Nesse artigo, vamos mostrar sites que permitem a verificação de backlinks, diagnósticos e estatísticas de seu blog ou site.

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

Bordas arredondadas com CSS3

Uma das novidades trazidas pelo CSS3 é que as bordas dos elementos HTML podem ser arredondadas.