Crear resúmenes de entradas ampliables en la nueva versión de Blogger (Leer Mas) -21-

1. Ir a Plantilla (Template). Luego a Edición de HTML y clic en Expandir plantillas de artilugios y buscas lo siguiente:
<div class='post-header-line-1'/>
<div class='post-body'>

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

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

2. Luego agregas lo siguiente después de <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>

3. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas lo siguiente después de <p><data:post.body/></p>

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

Ahora puedes guardar los cambios de la plantilla.

4. Para que funcione esto necesitas un código más, que lo vas a pegar en:
- Ir a Opciones. Luego a Formato y en Plantilla de entrada lo pegas.
- Cuando vas a publicar algo, prácticamente en todas las entradas te saldrá este código, sin necesidad de estar escribiéndolo en cada entrada. No olvidar guardar los cambios. El código es el siguiente:
Aquí escribes el contenido.
<span class="fullpost"> (código)
Aquí escribes el resto del contenido que no se vera.
</span> (código)

Veamos un ejemplo:

Click en las imagenes para agrandarla

**Ahora bien, puedes agregar otro complemento más y es una imagen en vez del texto, tendrías que hacer lo siguiente, por ejemplo:
-Crear una imagen pequeña que diga: Leer Mas y luego lo subes a Imageshack.
-Luego en donde dice:
<a href='data:post.url'>Leer Mas...</a>
Reemplazas el texto Leer Mas por lo siguiente:
<img src="la-ruta-de-la-imagen" />
- De esta forma se eliminó el texto que decía Leer Mas... por la imagen.

Nota: Esto resulta práctico si dispones de una página que incluye muchos artículos largos.

Entradas ampliables - Leer Mas (el post aparece en la misma página principal)

Crear resúmenes en entradas ampliables en la versión antigua del Blogger (Un simple botón, Leer Mas)

Crear resúmenes en entradas ampliables en la versión antigua del Blogger (Leer Mas)