The Dai Li // An Avatar: the Last Airbender Topsite

Jump Link: Seguir leyendo

Cuando hay artículos muy extensos se suelen utilizar "trucos" para mostrar solo una parte del post y un enlace tipo "Leer más" para ver el resto.
En Blogger in Draft y Blogger Buzz anuncian la posibilidad de hacer esto sin muchas complicaciones.

Una forma de utilizarlo es usando el nuevo editor de entradas desde Blogger in Draft o llendo a Configuración y hasta abajo en Configuración global (Afecta a todos sus blogs) y elegir el Editor actualizado (que no recomiendo usar) y colocar el cursor donde se quiera y hacer click en el botón con forma de página rota.
Jump Link

Para hacerlo más fácil añadimos directamente el código:

Este texto es visible
<!-- more -->
Y este es la continuación.


El texto por defecto es Más información que podemos modificarlo en Diseño editamos Entradas del blog y colocamos el texto a mostrar.

Para mostrar una imagen buscamos <data:post.jumpText/> con los artilugios expandidos y lo remplazamos por:

<img expr:alt='data:olderPageTitle' src='URL_De_La_Imagen'/>


Agregamos propiedades CSS antes de ]]></b:skin> como estas que yo usé:

.jump-link {
margin:5px;
color:#1A2022;
letter-spacing:.1em;
font-family: Trebichet MS, Sans-Serif;
background:#ffffff;
border: 2px solid #879CA0;
border-left:10px solid #879CA0;
font-size:30px;
padding:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

Ir al formulario 2 Comentarios:

Claudio dijo...

Ya leí esto y lo he aplicado. Solo que cuando tu aplicas esta herramienta, te sale diferente que a mí. Cuando redactas la entrada utilizando JumpLink y lo publicas, entonces aparece la entrada con "seguir leyendo" en el sitio donde hayas colocado <--more-- > y si haces click en seguir leyendo, vas a la url de la entrada. Pero aquí la diferencia: Yo no se como quitar el "Seguir leyendo" en la entrada y tu lo has conseguido. ¿Me podrias decir como has hecho para que en la pagina principal te aparezca Seguir leyendo y luego en la entrada no?

Bonzu Pipinpadaloxicopolis III dijo...

Si me mostraras un ejemplo sería mejor.
En tu plantilla debería aparecer este código:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>


Y colocas <!-- more --> donde quieras que se parta el post, recuerda nunca poner el more dentro de una etiqueta o te dará errores impredecibles.

Es todo, no he hecho algo especial. Espero sea de ayuda.

Publicar un comentario en la entrada

De preferencia lea mi política de comentarios.

Puede comentar con su cuenta Google (Google +, Blogger, Youtube, etc.)

En caso de que usted no disponga de una cuenta seleccione Nombre/URL donde dice "Comentar como:" coloque su nombre o pseudónimo, y en URL la dirección de su página (como la de Facebook, Twitter u otra) y recuerde que la dirección web debe iniciar con http://

Al comentar puede utilizar algunos códigos HTML
En negrita <b>texto</b>
En itálica <i>texto</i>
Crear un enlace <a href="url-de-la-página">Texto</a>


Si el formulario anterior no funciona puede enviar su comentario utilizando los métodos antiguos:
En una pequeña ventana emergente
⇧ Ir arriba Comentar en una nueva pestaña