domingo, 5 de abril de 2015

Cómo insertar un salto de línea en Blogger (para plantillas que no permiten ver el vínculo a la entrada completa)

Posted by InfoTacticas Soluciones  |  4 comments

How to insert a jump break on Blogger, in templates ?

Accedemos al editor de entradas, escribimos nuestra entrada completa y marcamos la "zona de corte" con el icono "Salto de línea" donde queramos que finalice el resumen y después se muestre el vínculo de Más información o Leer Más o Leer post completo (u otro texto personalizado) que permita mostrar el contenido completo de nuestro post.
Cuando pulsamos en el icono salto de línea (marcado en la imagen anterior con el icono con una "hoja cortada en dos partes"), nos aparece la barra horizontal en la "zona de corte" donde deseamos crear el salto de línea.
Cuando publiquéis el post, se verá en la página principal lo que está escrito hasta la línea o salto, y justo donde está la línea aparecerá el texto Más información o Leer más. Sin embargo en ocasiones la entrada se muestra recortada pero no aparece el texto de Más información, en ese caso hay que acceder a la opción: Plantilla --> Editar HTML, tal como se ve en la siguiente imagen.
En el código que se muestra, debe estar presente el siguiente bloque de código:

  

Se trata de un etiqueta condicional que indica a Blogger "Si en el post de entrada hay un "hasJumpLink" o salto de línea. Para encontrarlo, usar  CTRL + F  para buscar el texto: hasJumpLink, Si este no se encuentra esa puede ser la razón por la que no nos aparece el texto de Más información en el post. En este caso algunas recomendaciones indican que se debe colocar el código de arriba antes de

   
Sin embargo en mi caso, mi plantilla no aceptaba ese código y por lo tanto no se mostraba el texto Más información, entonces tuve que colocar el bloque de código no antes de la clase post-footer, sino antes del bloque:

   ...
jump-link es la clase de la "hoja de estilos" de tu Blog que indica cómo debe componerse a nivel de presentación el texto asociado al salto de línea, el "Más información". Lo hace accediendo a la propiedad .jumpText que rellenaste en el Gadget para configurar las entradas.

COMO CAMBIAR EL TEXTO MAS INFORMACION 
Si gustas cambiar el texto Más información por otro que te guste más, ve a la pestaña Diseño. Haz clic en Editar en el widget Entrada de blog y, a continuación, cambia el texto de enlace a la página de la entrada por otro que te guste: Leer Más por ejemplo (como en la segunda imagen).



La función del salto de línea no influye en el aspecto que tiene la entrada en tu feed. En Configuración | Básico | Otros, puedes configurar las opciones de feeds de la entrada, para lo que has de editar la opción "Permitir feed de blog".

Para poner una imagen en vez del texto que por defecto se carga para el final de los resúmenes de entradas cambia o comenta como hago en el ejemplo el texto <data:post .jumptext=""> por
<img height="ALTO" src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" />
Quedaría algo así
<b:if cond="data:post.hasJumpLink">
   <div class="jump-link">
      <a expr:href="data:post.url + "#more"" expr:title="data:post.title" href="https://www.blogger.com/null">
      <!--<data:post .jumptext=""> -->
      <img height="ALTO" src="DIRECCIÓN_DE_TU_IMAGEN" width="ANCHO" />
      </a>      
   </div>
</b:if>

Les dejo los links de donde me he guiado:
http://www.diariosdelanube.com/2013/06/consigue-mejorar-el-texto-mas.html
http://www.allblogtools.com/tricks-and-hacks/customize-blogger-read-more-jump-breaks-links-with-image-buttons-text-and-alignment/
http://xomisse.com/blog/customise-read-jump-link-blogger/

4/05/2015 05:30:00 p. m. Share:

4 comentarios:

  1. Gracias por la información, me ha sido de gran utilidad

    ResponderEliminar
  2. Hola, al abrir una entrada clickando en leer más, la entrada se abre despues del salto de linea. ¿hay alguna forma de que al clickar en leer más la entrada se abra completa, incluido lo que está por encima del salto de línea?

    ResponderEliminar
  3. Yo no tengo el boton SALTO DE LINEA, y quiero evitar que la entrada salga completa, pero no sé cómo hacerlo.
    ¿alguien me puede ayudar?
    Felicitaciones por tú blog.

    ResponderEliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar

back to top