Cómo mostrar tus Blog post como Resumen

Los resúmenes de publicaciones, son el método por el cual cada entrada de blog consiste en un breve párrafo de introducción seguido de un enlace "Leer más" o "Más información". Esto permite al lector obtener una pequeña introducción a cada publicación en la página principal. Y darle click a un link de "Leer más" si le interesa lo suficiente el tema.

Las publicaciones expandibles son fáciles de implementar y pueden proporcionar a la página principal una apariencia profesional junto con una mayor exposición a sus otras publicaciones. También los resúmenes ayudan a los lectores optimicen el ancho de banda como sólo pieza requerida de texto o imágenes se muestran y no todo el texto y imágenes adicionales

Dada la justificación anterior procederé a explicar el procedimiento:

Modificaciones de plantillas:
PASO 1: Inicie sesión en su cuenta de blogger seleccione la ficha tema del blog que desea modificar.

PASO 2: Ahora antes de comenzar con la parte de edición, debe hacer una copia de seguridad de su plantilla haciendo clic en Descargar el enlace de plantilla completa en la misma página.

PASO 3: En la ficha tema, haga click en Editar HTML

PASO 4: El primer paso es poner código css condicional. Esto cambia la forma en que se muestran los mensajes en la páginas.

Ahora presione Ctrl + F y busque "]]> </ b: skin>" o "</ head>". Una vez encontrada, pegue el siguiente fragmento de código entre "]]> </ b: skin>" y "</ head>":


 

  <script type='text/javascript'>
            img_thumb_width = 180; // Image Thumbnail Width
            img_thumb_height = 180; // Image Thumbnail Height
            summary_noimg = 600; // Length of Summary Text if no image is Used
            summary_img = 600; // Length of Summary Text if post has Image Thumbnail
            </script>
            <script type='text/javascript'>
            //<![CDATA[
            function removeHtmlTag(strx,chop){
            if(strx.indexOf("<")!=-1)
            {
            var s = strx.split("<");
            for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
            }
            strx = s.join("");
            }
            chop = (chop < strx.length-1) ? chop : strx.length-2;
            while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
            strx = strx.substring(0,chop-1);
            return strx+'...';
            }
            function createSummaryAndThumb(pID){
            var div = document.getElementById(pID);
            var imgtag = "";
            var img = div.getElementsByTagName("img");
            var summ = summary_noimg;
            if(img.length>=1) {
            imgtag = '<span style="overflow:hidden; border: none; margin:0 15px 10px 0; float:left; max-height:'+img_thumb_height+'px;width:auto;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="auto"/></span>';
            summ = summary_img;
            }
            var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
            div.innerHTML = summary;
            }
            //]]>
            </script>

PASO 6: Ahora presione Ctrl + F y busque <data: post.body /> en la plantilla y pegue el siguiente código remplazando <data: post.body />

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

En tu plantilla deberían haber 2 o mas  <data: post.body />, tienes que re reemplazarlas todas; debería quedarte como en la imagen.

PASO7: Guarda tu plantilla y visualiza como se ven tus post.

Adicionalmente puedes ir a; configuración -> entradas y comentarios; y modificar la cantidad de post que quieres que se vean en la página principal.