Entre sus beneficios, ayuda a optimizar la velocidad del blog, hace que el lector tenga que ingresar a la entrada para leerla completa, le permite al visitante ver más publicaciones en la página de inicio y da cierto orden al blog.
Para agregarlo, solo hay que clickear en la hoja partida en el menú de funciones que está entre el título y el texto de la entrada cuando estamos creándola:
Haciendo uso de CSS, mostraré algunas maneras de personalizar este enlace que por defecto aparece así:
Modificando el texto del enlace
- Ve a Diseño, Elementos de la página y clickea "Editar" en la parte que dice Entradas del blog
- Localiza la parte resaltada en esta imagen:
- Edítala por el texto que más te guste (leer más, seguir leyendo, leer entrada completa, etc.)
Para darle un poco de estética a este enlace, iremos a Plantilla, Edición de HTML y buscaremos esta línea:
.jump-link {...}
Una vez que la hayas encontrado, eliminala toda. En el caso de que no esté, salteate este paso.Ahora localizá la línea ]]></b:skin> y arriba de ella pega esto:
Como observan, en el código están las explicaciones de las líneas más importantes. Veamos cómo quedo:.jump-link {
float:right; /* Alineación del texto */
background: #d10101; /* Color de fondo del enlace */
color:#fff; /* Color del texto */
margin-top:-15px;
padding:4px;
}
.jump-linka {
text-decoration: none;
color:#fff;
}
.jump-link:hover, active {
background: #0174df; /* Color de fondo del enlace al apoyar el cursor */
color: #fff; /* Color del enlace al apoyar el cursor */
text-decoration:none
}
