Blogodisea: juegos, ciencia, arte, noticias, famosos, vídeos, fotos y humor
Juegos, ciencia, arte, noticias, famosos, vídeos, fotos y humor


Cómo poner “Leer más” en Blogger

  Archivado en Blogger. Escrito el 3 de Agosto del 2009 por Andrés.

Si queremos separar los posts de Blogger para mostrar extractos y luego que aparezca el típico enlace de “Leer más” (“More”) que lleva al post entero, debemos modificar algunas cosillas en la plantilla.

Primero, debemos ir en el panel de contr0l del blog, a la pestaña de DISEÑO y la subpestaña EDICIÓN DE HTML. Luego, señalamos la casilla de EXPANDIR PLANTILLAS DE ARTILUGIOS.

plantilla html blogger

Buscamos este código:

<data:post.body/>

Debajo de esa línea, copiaremos este código:

<a expr:href='data:post.url'>Leer más »</a>
</b:if>

Pudiendo cambiar lo de “Leer más” por otro mensaje parecido que nos parezca mejor, como “Pincha aquí para seguir leyendo” o cosas parecidas.

Ahora nos toca buscar este código:

<div class=’post-body’> (también puede ser <div class='post-body entry-content'>)

Debajo de esta línea, copiaremos este 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>

Luego, en cada entrada o post que hagamos, debemos separar la parte que es el extracto, que se ve siempre, y la parte restante, que sólo se verá al leer los posts individuales. Para ello, utilizaremos los códigos <span class=”fullpost”> y </span> como se muestra en el ejemplo de abajo.

Aquí escribimos el extracto
<span class=”fullpost”>
Aquí el resto del post o entrada
</span>

Para que la tarea de copiar este texto sea más fácil, podemos dejarnos la chuleta copiada por defecto en cada entrada nueva. Vamos en el panel de control a la pestaña CONFIGURACIÓN y la subpestaña FORMATO. Buscamos el campo PLANTILLA DE ENTRADA, y es ahí donde podremos copiarnos la chuleta como el ejemplo de arriba. De esta forma, empezaréis siempre cada entrada nueva con los código preparados automáticamente.

blogger plantilla de entrada


Artículos relacionados:

  1. Código HTML para insertar ficheros .SWF

  2. Cómo buscar vídeos y música con ayuda de Google

  3. Asignación de números para el sorteo del Baobab

3 comentarios en “Cómo poner “Leer más” en Blogger”.

  1. Turi dijo:

    Eso es precisamente lo que utilizo yo, aunque en la práctica no le doy uso :) Buen truco.

    Un saludo.

  2. Jenny dijo:

    No hace mucho estuve buscando como se conseguía lo de leer más. Está muy bien explicado…

  3. quaid dijo:

    Pues una de mis plantillas no tiene “” haber entonces como lo hago?

Trackbacks / Pings

ESCRIBIR UN COMENTARIO

VOLVER A LA PÁGINA PRINCIPAL