martes, 6 de noviembre de 2012

Acortar un post en Blogger


Si tenes entradas muy extensas en tu blog y queres mostar solo una parte de ellas en la página principal, hay un truco.



Lo primero que debemos hacer es modificar la plantilla, vamos a “Plantilla -> Edición de HTML -> Continuar”, 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 ---="---" del="del" parte="parte" texto="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…

0 comentarios:

Publicar un comentario

Me encanta que participes y nos aportes tu visión! Graciñas! @comunican2e