Posts Resumidos Automaticamente no Blogger

Ola aqui é o Flavio Joni do blog Crie-Sites com mais uma dica imperdivel para voces:
Voce que gosta de na pagina inicial do seu blog ter um resumo automatico para que voce possa melhor visualizar sua pagina e para que nao fique aquela imencidao de artigos aqui vai um dica essencial para voce.Um hack Leia Mais para seu blog que esta hospedado no blogger, lembre somente no blogger. O tutorial e facil facil de ser instalado e nao requer pratica alguma com codigo html. Continue lendo e seja feliz com um blog perfeito e de dar inveja.

Entre no blogger/blogspot.

Layout, aba ‘Editar HTML’.

Atenção: antes de qualquer edição nas tags, fazer backup do seu template.

Marcar, ‘Expandir modelos de widgets’.

Procure pelo o trecho de código. Procurar (Pressione CTRL + F).

</head>

Agora, antes da tag </head>, entre com este script:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://files.bloggerplugins.org/excerpt.js' type='text/javascript'/>

Agora busque este pedaço de codigo:

<data:post.body/> 

Substitua esta linha com o seguinte trecho de código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read More…</b></a></span>
</b:if>

Salve o template.

Obs: Você pode editar a aparência da imagem editando os seguintes codigos:

1. var thumbnail_mode = "float"; // Miniatura que aparecerá acima pós resumo

2. summary_noimg = 230; //n º de caracteres a mostrar em síntese, no caso de nenhuma imagem

3. summary_img = 140;  //n º de caracteres para exibir no resumos com fotos

4. img_thumb_height = 100;  //Display pós ajuste de altura miniatura

5. img_thumb_width = 100;   //pós miniatura, largura



Atençao: Esse hack e so para blogs que estejam hospedados no blogger em breve tentaremos encontar um para colocar no wordpress e em outros mecanismos de criaçao de blog.