Como acortar una entrada de Blog

O “Leer más…” en Blogger.

Lo que vamos a hacer pertenece al lenguaje HTML. HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web o Blogs. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).

Si tenes entradas muy extensas en tu blog y queres mostar solo una parte de ellas en la página principal, hay un truco. Esto le da otra visual al Blog, pudiendo tener “textos introductorios” de las distintas entradas y evitar largos “choclos” de texto haciendo difícil encontrar alguna entrada que buscamos.

Lo primero que debemos hacer es modificar la plantilla, vamos a “Diseño -> Edición de HTML -> Editar plantilla”, como siempre antes de realizar cualquier cambio realiza una copia de seguridad. Debes “Expandir plantillas de artilugios” y localizar el texto siguiente:

 <div class='post-body'>

Una vez localizado incluye debajo el siguiente código:

 <b:if cond='data:blog.pageType == "item"'>
 <style>.fullpost{display:inline;}</style>
 <p><data:post.body/></p>
 <b:else/>
 <style>.fullpost{display:none;}</style>

Una vez hecho sólo tienes que localizar el siguiente texto: <data:post.body> y añadir justo después:

 <a expr:href='data:post.url'>Leer más...</a>
 </b:if>

El resultado final debería ser el siguiente:

 <div class='post-body'>

 <b:if cond='data:blog.pageType == "item"'>
 <style>.fullpost{display:inline;}</style>
 <p><data:post.body/></p>
 <b:else/>
 <style>.fullpost{display:none;}</style>

 <p><data:post.body/></p>

 <a expr:href='data:post.url'>Leer más…</a>
 </b:if>

 <div style=’clear: both;’/> <!– clear for photos floats –>
 </div>

En rojo está lo que añadimos. Ahora sólo tenes que guardar la plantilla.

Para acortar la entrada, hay que añadir lo siguiente (sera lo que la entrada muestre antes del “Leer más”).

Para esto sólo tenes que escribir el texto inicial y el resto encerrarlo dentro de:

 <span class="fullpost"> <---Segunda parte del texto ---> (texto oculto) </span>

De manera que, si en el área de creación de entradas de Blogger escribieras lo siguiente:

Texto inicial
 <span class="fullpost">
Texto secundario </span>

En tu blog aparecería lo siguiente:

Texto inicial

Leer más…

Y al pinchar “Leer más…” aparecería, “Texto Inicial” seguido de “Texto secundario”.

Para mis compañeros de Blog, que a esta altura deben estar un poco mareados, el primer trabajo esta hecho. Asi que lo que tienen que hacer es: una vez que tienen lo que escribieron, poner entre las palabras <span class="fullpost"> y </span> (solapa lenguaje Html), el texto que van a ocultar o dicho de otra manera, el texto que va a aparecer cuando clickemos en “Leer más…

Espero se animen, abrazo inquieto…