Tutoblog para ti #10: Agrega botón 'Leer más'.

domingo, 5 de junio de 2016

¡Holaa lectores! Hoy les traigo un tutorial bastante sencillo y útil, que me han pedido bastantes: Agregar el botón de 'leer más'.
Este botón ayuda a que aparezca un pedazo de cada entrada en el inicio, no la entrada completa, para que no ocupe tanto espacio y sea más cómodo leer. Al hacer clic en 'Leer más', la entrada se abre en una pestaña nueva y se pude leer completamente.
Espero que me haya explicado bien y que el tutorial les resulte de utilidad...
Primero deben dirigirse a Plantilla →Editar HTLM, allí deben buscar: <data:post.jumpText/>

Borran ese código y pegan el siguiente: 
<img  src='URL de la imagen' width= '200px'/>

Pongan el enlace de la imagen que quieren que aparezca y ajustan hasta que tenga el tamaño que ustedes desean.

 Si desean centrar la imagen:
<center><img  src='URL de la imagen' width= '200px'/></center>

 Si quieren alinear la imagen a la derecha:
<div align="right"><img  src='URL de la imagen' width= '200px'/></div>

 Si quieren alinear la imagen a la izquierda:
<div align="left"><img  src='URL de la imagen' width= '200px'/></div>

Por aquí les dejo una página que me encanta, Miss Lavanda, en donde pueden descargar hermosos Freebies para sus botones de leer más; sólo deben hacer clic en la imagen y serán redireccionados:

 Descargar botones

Por otro lado, si quieren tener el botón de 'Leer más', pero no quieren colocar ninguna imagen, deben dirigirse a Diseño. Allí buscan el Gadget entradas del blog y hacen clic en Editar



En 'Texto del vínculo de la página de entrada' colocan el título que ustedes quieran: Leer más, seguir leyendo, Más, More, Read more, etc.
Para que aparezca el botón, ya sea que han puesto una imagen o han utilizado la última opción, deben Insertar un salto de línea cuando escriben o editan una entrada; allí donde ustedes inserten el salto de línea aparecerá el botón 'Leer más'.

Hasta aquí llegó el tutorial de hoy, espero que les haya gustado  y resultado de su utilidad, el próximo domingo subiré otro tutorial, el cual ustedes deben eligir mediante una votación (Gadget de votación titulado "Tutoblog #11", en la parte superior del blog).
 Si no quieren perderse nada, recuerden suscribirse y seguirme en mis redes sociales.
¡Un abrazo literario!

10 comentarios:

  1. No sabía cómo ponerle una imagen <3 Amo esta sección, ¿dónde le propongo matrimonio? xD

    ResponderBorrar
    Respuestas
    1. Holaa Erick, que bueno que te guste tanto esta sección jaja XD
      Saludos!

      Borrar
  2. Me dejo esto en fav porque tengo que ponerlo en práctica bien pronto. De nuevo mil gracias bonita ^-^

    ¡SE MUUY FELIIIIIIIIIIIIIZ! :):)

    ResponderBorrar
    Respuestas
    1. Mil gracias a ti por estar siempre presente en mi blog!
      Un brazote <3 <3

      Borrar
  3. ¡Hola! Me encantan este tipo de entradas aunque yo aun no me decido. Gracias por la información :)

    ResponderBorrar
  4. No sabía que se le podía poner imagen :O Muchas gracias por el tutorial ^^
    ¡Un abrazo!

    ResponderBorrar
  5. ¡Qué bien me ha venido el tutorial! Me alegra que lo hayas publicado, porque llevaba tiempo buscando algo fácil para mí blog.
    Un beso muy fuerte.
    Gloria.

    ResponderBorrar
  6. Muchas gracias por este tutorial! Ahora mismo lo voy a aplicar en mi blog :)

    ResponderBorrar

¡Hola lectores!
Si amas ♥ el olor a libro como yo, no puedes irte
sin antes dejar un comentario
¡Siempre los devuelvo!
Por favor evita hacer spoilers y que prevalezca el
respeto ante todo.
♥ Tu opinión es muy importante para mí♥

Santa Template by Mery's Notebook © 2014