Aprenda como criar posts que apresentam um resumo do post na página principal do blog e mostram o conteúdo completo em uma página separada c...
Aprenda como criar posts que apresentam um resumo do post na página principal do blog e mostram o conteúdo completo em uma página separada clicando em um link tipo: "Leia mais...". Dica para o Blogger. Primeiramente é necessário fazer backup de seu template pois vão ser necessárias pequenas alterações e se algo der errado você terá como recuperar o estado original do seu blog.
Vá em Layout >> Clique em Editar HTML e depois em Baixar Modelo Completo para salvar o seu template.
Agora que a brincadeira começa:
Ainda em Editar HTML marque a opção Expandir modelos de widgets e espere até seu template ser totalmente expandido. Depois procure esta linha de código:
<div class="'post-body'">
E logo em seguida coloque (cole) as seguinte linhas de código.
<!-- Inicio do Codigo -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- Fim do Codigo -->
em seguida busque essa linha de código, deve estar logo em seguida ao código que você postou no passo anterior:
<p><data:post.body/></p>
E coloque mais estas linha imediatamente após:
<!-- Inicio do Codigo -->
<a expr:href='data:post.url'>Clique para ler mais...</a>
</b:if>
<!-- Fim do Codigo -->
No final, esse trecho de código deve estar parecido com isto:
<div class='post-body'>
<!-- Inicio do Codigo -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- Fim do Codigo -->
<p><data:post.body/></p>
<!-- Inicio do Codigo -->
<a expr:href='data:post.url'>Clique para ler mais...</a>
</b:if>
<!-- Fim do Codigo -->
<div style='clear: both;'/> <!-- clear for photos floats --></div>
Sendo que a parte em preto é o que já deveria estar no template e em verde são as linhas de código inseridas.
O que você deverá fazer quando editar seu post:
Você deverá colocar o resumo (que aparecerá na página principal do blog. O resto do post deverá ficar entre as tags:
<span class="fullpost">
e
</span>
Assim seu post terá a seguinte estrutura:
Digite seu resumo aqui.
<span class="fullpost">
Digite o resto do post aqui.
</span>
Qualquer dúvida basta comentar.
Traduzido de Blogger Tips and Tricks.
Vá em Layout >> Clique em Editar HTML e depois em Baixar Modelo Completo para salvar o seu template.
Agora que a brincadeira começa:
Ainda em Editar HTML marque a opção Expandir modelos de widgets e espere até seu template ser totalmente expandido. Depois procure esta linha de código:
<div class="'post-body'">
E logo em seguida coloque (cole) as seguinte linhas de código.
<!-- Inicio do Codigo -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- Fim do Codigo -->
em seguida busque essa linha de código, deve estar logo em seguida ao código que você postou no passo anterior:
<p><data:post.body/></p>
E coloque mais estas linha imediatamente após:
<!-- Inicio do Codigo -->
<a expr:href='data:post.url'>Clique para ler mais...</a>
</b:if>
<!-- Fim do Codigo -->
No final, esse trecho de código deve estar parecido com isto:
<div class='post-body'>
<!-- Inicio do Codigo -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- Fim do Codigo -->
<p><data:post.body/></p>
<!-- Inicio do Codigo -->
<a expr:href='data:post.url'>Clique para ler mais...</a>
</b:if>
<!-- Fim do Codigo -->
<div style='clear: both;'/> <!-- clear for photos floats --></div>
Sendo que a parte em preto é o que já deveria estar no template e em verde são as linhas de código inseridas.
O que você deverá fazer quando editar seu post:
Você deverá colocar o resumo (que aparecerá na página principal do blog. O resto do post deverá ficar entre as tags:
<span class="fullpost">
e
</span>
Assim seu post terá a seguinte estrutura:
Digite seu resumo aqui.
<span class="fullpost">
Digite o resto do post aqui.
</span>
Qualquer dúvida basta comentar.
Traduzido de Blogger Tips and Tricks.
cara tu resolveu meu problema.
ResponderExcluirvaleu!!!
Fiz tudo como vocÊ disse, mas da o erro:
ResponderExcluir"Mais de um item encontrado com o id: LinkList1. Os IDs de itens devem ser únicos e exclusivos."
Não consigo aplicar isso para Post já existentes... só funciona nos novos Posts... Se alguém souber como fazer isso funcionar para os demais, por favor me avise...
ResponderExcluirJoão Carlos. Infelizmente você terá que colocar as tags:
ResponderExcluir< span class="fullpost">
e
< /span>
manualmente nos post antigos. Assim, o que estiver entre as tags sumirá e o que tiver antes será mostrado na página principal. ;-D
estou com problema... quando faço tudo,e crio uma no postagem ñ aparece a postagem... como eu faço?
ResponderExcluirgracias,gracias,gracias!
ResponderExcluirGracias,gracias
ResponderExcluireste codigo primeiro para rocurar isso não tem aqui o.O
ResponderExcluirSó funciona na capa do blog, é possível fazer isso dentro das próprias páginas de cada post?
ResponderExcluirhttp://muitolegalblog.blogspot.com
Como assim? Você quer que, ao clicar no título do post na página principal, o post venha em uma única página ainda como um resumo e depois faça o quê?
ResponderExcluirfuncionou perfeitamente,pena que o link clik para ler mais aparece em todas as postagens,não tem como esse link aparecer só nas postagens grandes??
ResponderExcluirEstou vendo se há outra forma simples de fazer isso. Mas a forma mais rápida é fazer manualmente.
ResponderExcluirTira-se o link Click para ler mais do template (aí ele não aparece para nenhum post).
E quando houver mais para se ler coloca-se o código HTML no final da mensagem (com o endereço do título do post).
Se você achar que dá para fazer assim e tiver dificuldade eu te mostro como fazer.
cara
ResponderExcluiralguns dos meus posts ficam com o continue lendo só no final dele.
Eu coloco:
O que vai aparecer na página inicial aqui
< span class="fullpost" > (sem espaços)
O resto que vai aparecer só depois de clicar o botão "Continue Lendo".
< /span > (sem espaços)
aí na página inicial fica:
O que vai aparecer na página inicial aqui
O resto que vai aparecer só depois de clicar o botão "Continue Lendo".
Clique aqui pra continuar lendo...q saco eu não sei o q eu faço mais.
e o pior é q são vários tutoriais diferentes mandando colocar códigos diferentes e coisas diferentes fora alguns códigos que não tem eu alguns posts, por exemplo, o meu tem:
< div class='post-body entry-content' > (sem espaços)
em vez de só
< div class='post-body' > (sem espaços)
e tem
< data:post.body/ > (sem espaços)
em vez de
< p > < data:post.body/ > < /p > (sem espaços)
ajuda!
Rapaz, vc foi uma luz no fim do túnel! Tentei vários hacks, mas nenhum estava dando certo com meu template.
ResponderExcluirCom sua dica, deu certo de primeira!
Valeu mesmo!
Parabéns pelo blog!
Olha Gostei muito do post e tentei instalá-lo gostei do resultado mas tem um pequeno problema não quero que o leia mais.. apareça em todas as postagens.. queria ele apenas nas postagens extensas do meu blog teria como vc me explicar como eu faço isso.. é pq esse java script q to usando eu quero trocá-lo pois está impedindo a galeria animada de funcionar por isso gostaria muito q esse seu hack funcionasse pra minha galeria funcionar tbm.. dai seria uma dupla ajuda q vc estaria me dando.. obrigado este blog está realmente bem feito..
ResponderExcluirMeu amigo estou com duvida em relação ao resumo do post faço tudo mais não aparecer o resumo e sim o post todo e em baixo a palavra leia mais.
ResponderExcluiro que eu estou errado
Obrigada por sua gentileza
Abraços
Deusa
Olha, vou tentar.Se eu conseguir é pq a dica é boa mesmo..rs sou quase analfabyte. Te dou retorno. Valeu.
ResponderExcluir