Rotulo

EL MUNDO DE KIKO

Ultimas entradas

Entrada Destacada

PÁGINA DE BIENVENIDA

PONER UNA IMAGEN AL BOTÓN DE LEER MÁS EN LAS ENTRADAS DE TU BLOG. Vamos a aprender a poner el botón de Leer más en nuestras entra...

Poner una Imagen al Botón de Leer Más en las Entradas de tu Bloc

PONER UNA IMAGEN AL BOTÓN DE LEER MÁS EN LAS ENTRADAS DE TU BLOG.



Vamos a aprender a poner el botón de Leer más en nuestras entradas, para que nuestro blog no se vea largo y nuestros lectores no tengan que bajar y bajar para encontrar lo que quieren.
Hay dos formas de hacerlo:

Si queremos nuestro Leer más en texto solamente, es la forma más sencilla o si la queremos con una imagen prediseñada.




Sólo texto leer más: Lo primero que vamos a hacer es ir administrador de nuestro blog y picar en Diseño, una vez en diseño seleccionamos Entrada y al pie vemos editar, hacemos clic y nos aparece lo siguiente:





Como vemos en la imagen lo que está envuelto en rojo es el texto que nos aparecerá, ponemos lo que más nos guste: Leer más, seguir leyendo, más información etc.… lo que queramos.

Guardamos y Guardamos muy importante!


Ahora nos vamos a Entradas y hacemos como si fuéramos a publicar una con total normalidad pero fijaros!: 
En el número 1 vemos el icono que al picarlo, nos aparecerá en nuestro post la ralla que vemos en el número 2.

Esa línea divide el post en 2 partes la de encima es la que aparecerá en nuestra página principal y la de debajo de la línea es la que no aparece en la página principal y solo será posible leer si damos a nuestro mágico botón de ¡leer más!

¿Entendido? Es decir esa línea es la que nos divide el post y sobre todo intentad ponerla en una parte que atraiga al lector, después de una pregunta o una propuesta para hacer un poco más de gancho.
Y ya tenemos nuestro texto de leer más.

Ahora vamos a hacerlo con una imagen prediseñada que obviamente ya habremos conseguido y subido a algún host como imageshack, dropbox, skydrive como hemos comentado en otros posts anteriores.

Bien nos vamos a Plantilla y hacemos un Guardado de seguridad por si metemos la pata, es muy importante hacerlo siempre que se toca el código de nuestra plantilla.

Le damos un clic a editar HTML, picamos con el cursor dentro del texto de html y apretamos las teclas CTRL y F a la vez nos sale una cajita para buscar y en ella buscamos este texto:

Un clic en “Plantilla”



 Un clic en “Editar HTML”



  Ahora se te abrirá el Editor HTML de tu plantilla



En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,



  Busca el siguiente código


<data:post.jumpText/>

Cuando encontremos este texto en nuestra plantilla lo substituimos por este:

<img src="URL de tu imagen"/> (donde dice URL de tu imagen pondremos la url, dirección de nuestra imagen de leer más)


Ya está, guardamos plantilla y hacemos una entrada.
Allí donde queremos que vaya a aparecer el botoncito de Leer más haremos click en el iconito que hemos visto antes, el salto de línea y publicamos!



Ya aparecerá nuestro botoncito de leer más en nuestros posts.

Nota: Si queréis que aparezca en todas las entradas antiguas deberéis abrirlas una a una y poner el salto de línea allí donde queráis que aparezca el botoncito de leer mas. (Es una faena sí pero es lo que hay.

Espero que os haya servido de ayuda y que lo hayáis entendido todo.



Fecha de la Publicación; 03-01-2019

 Fuente; lireth.blogspot

 Publicado por;                                                 


















0 comentarios:

Paginacion