Buscar este blog

lunes, 14 de marzo de 2011

Boton leer más

Me lo han preguntado unas cuantas veces y ya que ayer me lo recordaron de nuevo, voy a explicarlo.
Tengo que decir que muchos trucos de este tipo podéis encontrarlos en la propia ayuda de Blogger, aunque también he de decir, que en este caso no está bien explicado y si sigues lo que dicen no funciona.

Vayamos por parte entonces:
Lo primero que debemos hacer es modificar la plantilla, “Plantilla -> “Edición de HTML”, 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 hemos añadido. Ahora sólo tienes que guardar la plantilla.
Para dividir los posts hay que añadir una etiqueta en las entradas que define cuál quieres que sea el extracto de la entrada que se muestre antes del “Leer más”.
Para ello sólo tienes que escribir el texto inicial y el resto encerrarlo dentro de:
<span class="fullpost"> <---Segunda parte del texto ---> </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 aparecería, “Texto Inicial” seguido de “Texto secundario”.
Incluir la etiqueta automáticamente.
Existe también la posibilidad de, que por defecto y para no tener ni que acordarte ni que escribirlo una y otra vez, hacer que la etiqueta aparezca automáticamente cada vez que quieras crear una entrada.
Simplemente vas a “Opciones -> Formato” y en en el cuadro de texto de “Plantillas de entrada” añades <span class=”fullpost”> </span> y guardas los cambios. Ahora cada vez que abras el editor aparecerá automáticamente la etiqueta.

No hay comentarios:

Publicar un comentario