Resumir postagem em blog (automaticamente)

Muitos se cansam só em olhar um texto extenso, então lhes ofereço uma dica para resumir vossos textos na pagina inicial,
e se o leitor se interessar pelo articulo poderá clicar no link "...continuar" para seguir com a leitura.

1.Passo acesse: Layout > Editar HTML > Expandir modelos de widgets > busque por: <data:post.body/>

2.Passo: Elimina o encontrado e substitua por: <b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'> <data:post.body/></div> <br /> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script><br /> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span><br /> </b:if></b:if><br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br /> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

3.Passo: Antes de </head> cole: <script type='text/javascript'><br /> summary_txt = 410;<br /> img_thumb_width = 120;<br /> </script> <br /> <br /> <script type='text/javascript'> <br /> //<![CDATA[<br /> // Script original de Anhvo, modificado por ciudadblogger.com<br /> function removeHtmlTag(strx,chop){<br /> if(strx.indexOf("<")!=-1)<br /> {<br /> var s = strx.split("<");<br /> for(var i=0;i<s.length;i++){<br /> if(s[i].indexOf(">")!=-1){<br /> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br /> }<br /> }<br /> strx = s.join("");<br /> }<br /> chop = (chop < strx.length-1) ? chop : strx.length-2;<br /> while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br /> strx = strx.substring(0,chop-1);<br /> return strx+'...';<br /> }<br /> function createSummaryAndThumb(pID, pURL){<br /> var div = document.getElementById(pID);<br /> var imgtag = "";<br /> var img = div.getElementsByTagName("img");<br /> if(img.length<=0) {<br /> imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRhwjNoBeDG1Q9P8w3Wj5YzHHfWHYVCx93hDYu4JsqweqjHWQlgXHiVWzqSMv7UijNBZUb0QqnB7alXpI7MLt9gWmyTueJ-p6WtUkV500jgqpl7vXGMehRQ8TyhrLBQZO16TPWlBbJDCY/" width="'+img_thumb_width+'px" /></a></span>';<br /> summ = summary_txt;<br /> }<br /> if(img.length>=1) {<br /> imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';<br /> summ = summary_txt;<br /> }<br /> var summary = imgtag + '<div> ' + removeHtmlTag(div.innerHTML,summ) + '</div> ';<br /> div.innerHTML = summary;<br /> }<br /> //]]><br /> </script> Salve e pronto.

Vamos aos detalhes do passo número 3.
summary_txt = 410 (indica o número de letras que estarao visiveis).
img_thumb_width = 120; ( indica a largura da imagem).
A imagem padrao é "thumbnail.png" se preferir troque por outra.

Essa dica vem de ciudadblogger: