Personaliza el enlace de "sigue leyendo"

¡¡Hola chicas!! Hoy os traigo otro nuevo tutorial de como personalizar el enlace de "sigue leyendo". Se utiliza cuando el post es demasiado largo y lo cortas.



Espero que os sirva el tutorial y os guste mucho, ya que además de cortar el post, le da un toque de elegancia en tu blog.
  1. Ve a la pestaña de "plantilla".
  2. Pincha en edicion de html.
  3. Abre el buscador de tu explorador.
  4. Y busca: "]]></b:skin>".
Antes de ello tienes que pegar lo siguiente:

.jump-link {
float: center;  /* Alineación */
background: #ff0000; /* Color de fondo */
border: 1px solid #ffffff;  /* Grosor&Color del borde */
padding: 2px 2px;
}
.jump-link a {
color: #ffffff;
text-decoration: none;
}
.jump-link:hover {
background: #000000; /* Color de fondo al pasar el cursor */
border: 1px solid #fffff;
}

Ahora te lo explicaré como ponerlo de forma de imagen

  1. Te vas a la pestaña de "plantilla".
  2. Le pinchas en html.
  3. Tildas en "expandir artilugios".
  4. Y luego abres el buscador (ctrl+f) y buscas lo siguiente:
<data:post.jumpText/>
Y eso lo remplazas por:
<img src="URL de la imagen"/>
Pones la url de la imagen que quieras y ... ¡¡listo!!
NOTA:La imagen tiene que estar pasada por tinypic , o si no no te valdrá.
En fin eso es todo , ¡¡un besito!! Byee.


Codigo by: NASS 
Written by