Leer más en blogger


Para aquellas personas que quieran implementar "Leer más" en los post, les voy a explicar poco colocar las líneas de código necesarias para que funcione correctamente.

Como hay que modificar la plantilla,(antes de hacer cualquier modificación sería bueno que hicieráis una copia de seguridad de vuestra plantilla, por si os surge cualquier complicación)iremos a Plantilla -> Edición de HTML -> Expandir plantillas de artilugios
y localizáis: <div class="’post-body’"> (en algunas templates, puede que no venga definido como <div class="’post-body’"> sino como <div class="post-body entry-content">)

Una vez localizado <div class="’post-body’"> o...

...<div class="post-body entry-content">

Deberéis colocar debajo el siguiente código:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
<p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>

Hasta aquí bien...no? Bien, luego de hacer lo anterior, deberéis localizar el código

<data:post.body>

Y añadir justo debajo:

<a href="data:post.url">Leer más...</a>
</data:post.body>

Quedando el código completo de la siguiente manera:

<div class="post-body">

<b:if cond="’data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>

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

<a href="http://www.blogger.com/%E2%80%99data:post.url%E2%80%99">Leer más…</a>
</b:else>

<div style=""> <!--– clear for photos floats –-->
</div>

Ahora ya podemos guardar la plantilla.

Para finalizar colocaremos el siguiente código en Configuración -> Formato -> Plantilla de entrada.

Texto inicial
<span class="fullpost">
Texto secundario
</span>

Una vez colocado, guardamos los cambios y ya nuestro código estará listo para dividir los post y que salga la opción "Leer más". Si hay algún post que queráis escribir y que no aparezca dividido, será suficiente con que eliminéis las líneas de código que indique por último:

Texto inicial
<span class="fullpost">
Texto secundario
</span>

Y guardar. Esto es todo. Espero que haya sido de ayuda



Compartí este post con tus amigos!

...o también puedes seguir el blog en:

0 comentarios:

 

©2011 Blog Todo En Uno | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑