Resumo de postagem automática com miniatura de imagem

Olá!!! Hoje iremos aprender a, como colocar Resumo de Postagens Automática com miniatura de imagem no Blog.
O resumo de postagem é muito útil e bem procurado, pois ele facilita a vida de quem tem conteúdo muito extenso (grande) nas postagens do Blog, sendo assim, apenas na pagina Inicial aparecerá um pequeno resumo de postagem e junto estará um Link "Leia mais Postagem..." e deste modo as postagens dará mais espaço para outras postagens aparecer no inicio do Blog...

Bom, este código não foi feito por nós, e sim pelo site Acessórios para blogs. Este código é muito útil para ser utilizado no blog, eu mesmo testei e estarei passando pra vocês, e explicarei Passo a Passo como colocar no blog.

Veja um Exemplo:

Primeiro Passo:
Acesse o Painel de edição do seu Blog, vá em Modelo >> Editar HTML >> depois em Prosseguir:

Segundo Passo:

Agora você vai pressionar as teclas Ctrl+F do seu teclado, e procurar por esse Tag:

</head> 

 Adicione este Script logo antes do Tag encontrado:

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>

Terceiro passo:

Agora Salve o Modelo, depois de salvar marque a opção "Expandir Modelo de Widget".

Apos Expandir o modelo, procure por esta parte do Código:

<data:post.body/>

Quarto Passo:

Ao encontrar o código substitua ele por este código:

<p><b:if cond='data:blog.pageType == &quot;index&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
(&quot;summary<data:post.id/>&quot;);</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 != &quot;index&quot;'><data:post.body/></b:if></p>

Quinto Passo

 Prontinho pessoal, agora Clique no botão Visualizar, e veja se esta tudo certo, se estiver tudinho certo Salve Alterações.

Observe: O resumo de postagem apenas aparecerá na página inicial do Blog

Veja Também sobre Resumo de Postagem:

1. Saiba também que o Blog já disponibiliza a opção "Inserir expansão de postagem" ela serve para fazer Resumo de postagem (eu mesmo utilizo este recurso do blog). Veja nosso Tutorial anterior >> Clique Aqui.
2. Botão Css3 "Leia mais". >> Clique Aqui.