Entradas ampliables en el blog
Muchas veces ocurre que al publicar entradas demasiado extensas nuestro blog se torna un poco pesado en seguir, para que el mismo luzca más prolijo les dejo un instructivo para colocar el "leer más" que va a aparecer automáticamente en cada entrada que se publique.
Es muy importante recordar hacer backup de la plantilla para poder recuperarla si comentemos algún error.
De esta manera el blog sólo mostrará por defecto lo que escribamos en lugar de "Aquí escribes el contenido".Además aparecerá "Leer más" al pie de la entrada. Al pulsar "Leer más" se desplegará el resto de la misma, con la posibilidad de contraer el contenido nuevamente pulsando "Sólo resumen".
Es muy importante recordar hacer backup de la plantilla para poder recuperarla si comentemos algún error.
1. Ir a Plantilla (Template), luego a Edición de HTML y clic en Expandir plantillas de artilugios. Después agregas el siguiente código entre <head> y </head>. Preferible que lo pegues al final (antes de </head>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.
<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>
2. Luego 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>
3. Después tendrás que borrar la siguiente linea: <div class='post-body'> y reemplazarla por el siguiente código:
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
4. 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>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Leer más...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Sólo resumen...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
Ahora puedes guardar los cambios de la plantilla.
5. 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 id="fullpost">
Aquí escribes el resto del contenido que no se vera.
</span>
De esta manera el blog sólo mostrará por defecto lo que escribamos en lugar de "Aquí escribes el contenido".Además aparecerá "Leer más" al pie de la entrada. Al pulsar "Leer más" se desplegará el resto de la misma, con la posibilidad de contraer el contenido nuevamente pulsando "Sólo resumen".
Muchas gracias MarioL, ya lo hice en mi blog y salio todo OK
ResponderEliminar