Postagens Resumidas Com Thumbnail

Esta é uma opção simples que está disponível para o Blogger. Um script desenvolvido por Vietwebguide, resume as postagens sempre com o mesmo número de caracteres e exibe uma miniatura da imagem (tipo thumbnails) que estiver no post. Depois de instalado o script (muito fácil) você só precisa continuar postando normalmente. Posts anteriores já serão automaticamente ajustados.
Esta versão , funciona perfeitamente no Firefox, IE7 e IE8. Em outras versões não testei.

Como fazer (Instruções)

 Acessar o Blogger, Clic em "Layout" e depois "HTML".
(Lembre-se de baixar e salvar seu modelo atual para o caso de ter algum problema)

1. Dentro do documento HTML procure pelo trecho /head e cole o código (script) logo abaixo dele.

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script src='http://vietwebguide2.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>

Salve . Depois clic em "Expandir modelos de widgets"
Procure pelo trecho (Use Ctrl+F)

< data:post.body/ >

2. Substitua todo o código por este novo (abaixo)

<p><b:if cond='data:blog.pageType != "item"'>
<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:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

3.Visualize. Se estiver tudo bem, Salve!

Configure  o script (opcional):

summary_noimg = número de caracteres caso não haja imagens
summary_img = úmero de caracteres a mostrar no caso de post com imagens
img_thumb_height = Altura da imagem (thumbnail)
img_thumb_width = Largura da imagem (thumbnail)

Os valores utilizados parecem apropriados para template com 480px de largura do main-wrapper (coluna dos posts), e a maioria dos thumbnails são de 125×125 píxels.
Você pode alterar a seu critério.

Receba nossas atualizações: