Poner una Imagen al Botón de Leer Más en las Entradas de tu Bloc
By Blogs Famag - miércoles, diciembre 05, 2018
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!:
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.
Pikamos en 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:
<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.
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.
0 comentarios