Faz tempo que não posto um tutorial por aqui... Então, hoje vou mostrar como deixar os posts resumidos nas páginas internas, igual aqui do blog. Eu, particularmente, gosto deste hack. Acho bem útil e prático, além de deixar o blog mais "clean" e fofo. Sempre vi ele ser usado no Wordpress e até então eu nunca tinha visto no Blogger e nem achado nenhum tutorial. Mas... Para nossa alegria eu achei um tutorial bem simples e vou compartilhar aqui. O tutorial original pertence ao Notícia e Blog (créditos a ele).

O hack, além de resumir a postagem, também exibe uma miniatura da imagem da postagem, porém ele diminui um pouco da velocidade na 1ª vez que é carregado, já que usa um JavaScript. Lembrando que este hack só funciona com as páginas internas. Para aplicar em todas as postagens, eu recomendo este tutorial. Para ver como o hack fica clique aqui.

01. Vá em Design > Editar HTML > e clique em Expandir Modelos de Widgets

02. Aperte CTRL+F e rocure pela tag </head>

03. Antes de </head> adicione:

<script type="text/javascript">
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src="http://noticiaeblog.googlecode.com/files/miniaturizacao.js" type="text/javascript">
</script>

04. Agora, procure por <data:post.body/> e substitua por:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'> Leia mais...</a></span><b:else/>
<data:post.body/></b:if><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if>

05. Salve e visualize.

Espero que o tutorial tenha ajudado, qualquer dúvida e sugestões deixe nos comentários e até o próximo post! Alguém ai notou algumas mudanças minimas no blog?