RESUMIR ENTRADAS CON LEER MAS

a veces es molesto colocar mas de 2 entradas completas en el home de nuestro blog, ya que es difícil cargar la pagina y hay dificulta para que las personas los lean, yo por ejemplo manejo el resumen de entradas ese es el ejemplo que debes tomar, si quieres que tu
blog quede como el mio con entradas resumidas su respectiva imagen y un enlace de leer mas para que la persona pueda seguir  leyendo el contenido, te explicare a continuación como hacerlo.

como resumir tus entradas  con la opcion de leer mas, y una imagen al lado mas conocido como sumarios.

lo primero que todo es irnos a edición de plantilla cuando estamos hay aprietas CTRL+F  para que te aparezca el buscador,  luego dentro de ese buscador copias el siguiente código </head>    cuando lo ayas encontrado pegas encima de ese código, este otro código.

ESTE ES EL CODIGO QUE DEBES PEGAR ENCIMA DE </head>

<!-- SUMARIOS AUTOMATICOS --> <style type='text/css'> .contemini { position:relative; width:125px; height:125px; float:right; overflow:hidden; margin:0px 0px 0px 10px; border:1px solid #aaaaaa; -webkit-box-shadow: 2px 2px 5px ; -moz-box-shadow: 2px 2px 5px ; box-shadow: 2px 2px 5px ; background:#000000; } .miniaturas { width:125px; height:125px; background: no-repeat scroll 50% 40% #eeeeee; } .leermas { /* Las propiedades que gusteis para el enlace */ } </style> <script type='text/javascript'> //<![CDATA[ function createSummaryAndThumb(pID,enlacetitulo){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = sumario_noimg; if(img.length>=1) { imgtag = '<div class="contemini"><a href="' + enlacetitulo + '"><div class="miniaturas" style="background-image:url(' + img[0].src + ')"></a></div></div>'; summ = sumario_img; } var summary = removeHtmlTag(div.innerHTML,summ,imgtag,enlacetitulo); div.innerHTML = summary; } function removeHtmlTag(strx,chop,imagen,enlace){ var original=strx; 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(""); } if(strx.length<=chop) { return original; } else {  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); var devolver = imagen + '<div>' + strx + '... (<a class="leermas" href="' + enlace+ '">Leer más</a>)</div>'; return devolver; } } sumario_noimg = 380; sumario_img = 255; //]]> </script>.

luego vuelve al buscador y busca este otro código <data:post.body/>    tal ves te aparezcan varios códigos lo que debes hacer es ubicar esta parte abre la imagen.

si en la primera ves que busques el código no te aparece vuelves y le aprieta enter hasta que te muestre la parte donde hay dos códigos de los mismos juntos, son los que están de amarillo en la imagen,  debes pegar el siguiente código  cuando borres la parte que esta de amarillo abajo de la imagen osea el segundo código, borrar y pegas este.

PEGA ESTE CODIGO DESPUES DE BORRAR <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&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;,&quot;<data:post.url/>&quot;);</script> </b:if> </b:if>.

luego aprieta en vista previa antes de guardar para ver  si te funciona bien, y listo si anda bien guardas y a postear,   espero te aya explicado todo bien y te aya servido, si no es así puedes escribirme o dejarme un comentario.