miércoles, 3 de marzo de 2010

Cómo incluir la opción "Leer más" en un blog


La opción de "Leer más", "más información", "read more line" o "seguir leyendo" entre otros nombres, es un enlace, de tal forma que dejemos una introducción de un párrafo en la portada y se lea el texto completo al hacer click en el mencionado. Una de las principales ventajas de esta opción es que se puede "limpiar" de la portada del blog todos los elementos multimedia (videos, imágenes, etc) que retrasan la descarga rápida de la página.

Para incluir la opción "Leer más" o "más información" en un blog de Blogger sin usar códigos de terceros tenemos dos opciones:

1.- Usando el nuevo editor de Blogger.
2.- Manualmente y sin usar el nuevo editor de Blogger.

A continuación detallaremos los pasos que debemos seguir tanto en un caso como en el otro.

1.- Usando el nuevo editor de Blogger.

Para los que no tengan habilitado el nuevo editor de Blogger y quieran probar esta opción, pueden hacerlo en la sección Configuración, pestaña Básico, en la parte inferior hay una parte que dice Seleccionar editor de entradas, y ahí deben elegir Editor actualizado; lo bueno es que si no les gusta o no se acostumbran a este nuevo editor pueden volver al Editor anterior.

Una vez tenemos escrito el párrafo introductorio, al final de éste hacemos click en el icono de la barra de herramientas del nuevo editor que esta representado por una hoja rota, si pones el mouse encima verás que titula "Insertar salto de línea"; entonces una vez presionado ese icono veremos que aparece una línea horizontal punteada con un añadido gris que divide el texto, observen la sgte. imagen para darse una mejor idea:
Por lo que ya podremos apreciar que nuestra entrada ha incorporado el texto "Más información" debajo de la introducción que aparece en la portada del blog. Si no se ve, es porque no tenemos activada la opción ¿Habilitar páginas de entrada? que se encuentra en la sección Archivo de la Configuración del blog.


2.- Manualmente y sin usar el nuevo editor de Blogger.


En este caso tenemos que ir a Edición de HTML a las entradas que queramos incorporar el "Más información", y adicionar una línea de código justo después del texto a mostrar (párrafo introductorio) y después del texto a ocultar (resto del contenido del post) ósea quedaría algo así:


texto a mostrar <!-- more --> texto a ocultar


Tanto en el caso 1 como en el 2 el texto que aparece de forma predeterminada "Más información", lo podemos cambiar en la sección Diseño editando la parte de Entradas del blog. Ahí podemos cambiar el Texto del enlace de la página de entrada. Yo lo he cambiado por "Leer más" que es el más común en los blogs.

Salud!!!

No hay comentarios:

Publicar un comentario