Diseño web: Leer más en Blogger

Buenas...

De a poco me voy familizando con Blogger. Navegando por ahi encontre unos pequeños retoques para hacer del blog una lectura mas amigable.

La función que paso a explicar es la de "Leer más...". Esta función sirve para que quienes esten interesados en determinado post le puedan hacer click al enlace y asi pueden leerlo completo. Pudiendo asi resumir todos los post en la pantalla principal y no hacerlos tan extensos, ya que hay muchos de los mismos que no son de igual interes para todos.

Y ya que estamos tambien les dejo el código de como hacerlo...



La mejor y más rapida manera de hacerlo es de la siguiente forma:

Lo primero que debemos hacer es modificar la plantilla, “Diseño (o Plantilla) -> “Edición HTML”. Se debe “Expandir plantillas de artilugios” y localizar el siguiente texto:

incluyendo debajo de él, el siguiente codigo:

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

Luego 2 renglones mas abajo, justo debajo de hay que agregar:

<a href="http://www.blogger.com/%27data:post.url%27">Leer más...</a>
</data:post.body>

Para dividir los posts hay que añadir una etiqueta en las entradas que define cual es el punto de división entre lo que se ve antes y despues del Leer Más...

Para eso sólo se debe escribir el texto inicial normalmente, y lo que va dentro del link de "Leer más..." entre las etquetas:

<span class="fullpost"> <!-- Segunda parte del texto --> </span>

De forma que quede:

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

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.



Salud!