0

Ocultar parte de la entrada

Cómo ocultar parte de los posts

La verdad todos los que tenemos blogs sabemos que no hay una opción relativamente fácil para ocultar las entradas nuestros textos que son largos. Siempre queremos que nuestro sitio tenga un diseño cómodo y accesible para todas las personas que lo quieran visitar.
Es por eso que acá les paso cómo ocultar parte de las entradas para que el blog sea más ágil de leer y por sobre todo tenga una característica que lo haga diferente frente a los demás blogs!

Instrucciones de modificación de plantilla para que se vea solamente una parte de la entrada en blogger, y el resto pulsando en "seguir leyendo".

1º- Selecciona DISEÑO desde tu PANEL. Luego haz clic sobre Edición de Html. Haz una copia de seguridad de tu plantilla usando Descargar plantilla completa.

Ve hasta </head> y copia esto justo antes de esa etiqueta:
<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/>span.fullpost {display:none;} </b:if></style>

Guarda la plantilla. IMPORTANTE: En la plantilla hay una etiqueta]]></b:skin> justo antes de </head>. Añade el código de arriba justo entre esas dos etiquetas.


ENLACES "Sigue leyendo":

El segundo paso es añadir los enlaces de SIGUE LEYENDO (o como quieras llamarlos) que aparecerán al final de la parte de la entrada que quieras que se vea. Para hacer esto tienes que marcar la casilla de Expandir Plantillas de Artilugios que aparece en la pantalla de Edición de Html. Si no marcas esa casilla, no se verá el código.

Busca después este código:
<data:post.body/>

(Está mas o menos en la mitad del la plantilla) Y añade lo siguiente justo después de ese código:

<b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url' target='_blank'>Sigue leyendo</a></b:if>

Guarda la plantilla

MODIFICACIONES EN LOS POSTS
El último paso es cambiar el código de las entradas para que automáticamente aparezca el código delante del cual pondrás el texto que quieras que se vea y detrás del cual lo que no. Selecciona Configuración------>Formato y ve hasta el final, donde encontrarás la casilla Plantilla de entrada. Corta y pega lo siguiente allí:

Aquí va la parte visible del post. <span class="fullpost">Aquí el resto.</span>

Guarda la configuración. Cada vez que vayas a publicar una entrada verás algo parecido a esto:

Cómo ocultar parte de los posts

Reemplaza “Aquí va la parte visible del post.” con el texto que quieras que se vea y “Aquí el resto.”, con lo que quieras que se oculte. Nunca elimines <span class="fullpost"> ni </span>.


Fuente: http://www.scribd.com

No hay comentarios:

Publicar un comentario

Subir