"Leer mas" en Blogger Beta

Este truco no es original mio si no de Hackosphere, el nos enseña el truco de “Leer mas”.

¿En que consiste?

Si tenemos un post muy largo o queremos atraer al lector para que siga leyendo podemos usar este truco.

Ahora vamos a realizarlo

Realizando…

1. Nos dirigimos a:
Plantilla–Edicion de HTML–Marcamos la casilla “Expandir plantilla de artilugios”

2. Buscamos </head> y debajo colocamos el siguiente codigo:

<script type=’text/javascript’ src=

‘http://www.anniyalogam.com/widgets/hackosphere.js&#8217; />

3. Buscamos “post-header-line” para hallar la porcion de codigo en tu template y añadimos lo que esta en rojo, como se muestra:

<b:includable id=’post’ var=’post’>
<div class=’post uncustomized-post-template’ expr:id='”post-” + data:post.id’>
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class=’post-header-line-1’/>

<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 Mas……</a>
</b:if>

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

3. Click en Guardar Plantilla.

4. Nos dirigimos a:

Opciones–Formato, en el fondo puedes hallar la caja de texto que dice “Plantilla de Entrada”, Copiar y Pegar estas lineas de codigo:

Escribe tu resumen aqui
<span class=”fullpost”>
Escribe el resto del post aqui
</span>

5. Hacemos click en “Guardar Valores”

Nota: Gracias a Hackosphere por el “hack“
Actualizacion: gracias a sus comentarios he mejorado el codigo. Saludos

Anuncios