who's online

09/10/2008

Codigo Continue Lendo... para post

| |

Eu acho que alguns de voces ja devem ter visto em outro blogs esse tipo de post que esta sempre pela metade eno final tem uma mensagem dizendo Continue Lendo... ai voce clica e o post aparece o resto do post...isso e bem util para pessoas que tem posts enormes...por que tem gente que num tem paciencia de desse ate o final da pagina pra le um Trecho do post, e isso e bem irritante...bem mas agora eu vou explicar como colocar um Continue lendo... no seu post... e sem mais de longas vamos la...

Va no seu template antes de tudo marque a opção Expandir modelos widgets

Procure no se template a tag </head> e cole antes esse codigo:

<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 200, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>
a parte em vermelho e o tanto de caracteres que vai aparecer no post.
Logo depois procure esse codigo:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

E substitua todo o codigo acima por isso:

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<p><a expr:href='data:post.url'>Continue lendo...</a></p>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
A parte em vermelho e o que voce quer que aparece para a pessoa continuar lendo...

E depois de ter feito tudo clique em Visualizar se estiver tudo certo clique em Salvar

Pronto...vlw gente...

Creditos: Compulsivo e Blogger Buster

7 Curiosos:

Luccas Balacci disse...

No meu tá dando erro...

Dota disse...

Lucas eu testei denovo e ta normal no meu....

faz denovo e ve se voce nao fez errado...

Luccas Balacci disse...

Agora funcionou, mas acho que precisaria de outra dica do tipo, para colocar esse código só em alguns posts... Porque fica meio estranho com esse...
Mas a dica é ótima!
:D

Abraçøs!
http://blogtroublemaker.blogspot.com/

Yuri disse...

Naum deu....

Anônimo disse...

que site mais podre

Cáh Del Santos disse...

Lucas na hora de salvar da erro!

Francisco disse...

Obrigado pela dica pois eu estava precisando.

Novo Comentário