Cómo instalar un botón de subir arriba + iconos descargables

martes, 16 de junio de 2015


Hola artistas! Hoy os traemos un tutorial muy útil si queréis que vuestro blog tenga un toque distintivo: cómo instalar un botón de subir arriba en blogger.

Pero eso no es todo! Ya que también os he diseñado unos botones chulis con forma de flecha y plumas para que los podáis usar en vuestro blog... y lo mejor de todo... gratis! :p




Os gustan? Si queréis alguno de ellos en un color especial para que combine con vuestro blog, me lo decís y os lo modificaré sin problemas :)

Ahora vamos a ver el tutorial para instalar los botones de subir arriba en nuestra plantilla blogger:

Cómo instalar un botón de subir arriba

#1 Añadir una gadget

Nos vamos a Diseño ➡ Añadir un gadget ➡ HTML.

Podéis añadirlo tanto en el sidebar como en el footer, es indiferente, ya que con el código que le vamos a poner le vamos a decir que se coloque en la parte inferior derecha del blog.

#2 Añadimos el código HTML

Le añadimos el siguiente código:

<a href='#' style='display croll;position:fixed;bottom:5px;right:20px;' title='IR ARRIBA'><img src="URL del botón de subir arriba", width=50px /></a>

Y modificaremos lo siguiente:

  • bottom:5px;right:20px;  Este código lo podéis dejar así, pero si queréis dejar más o menos espacio entre el botón y los márgenes del blog podéis cambiar el número de píxeles.
  • En URL del botón de subir arriba ponéis la vuestra URL. Si no sabéis cómo hacerlo lo explico en este otro tutorial, no problem ;)   
  • width=50px  Esto es el ancho del botón. Lo podéis dejar así, o modificarlo si lo véis necesario.   

Y ya lo tenemos! A que no ha sido tan difícil cómo pensabas??

Espero que os haya sido útil el tutorial y que os hayan molado los botones :)

Un abrazo fuerte!!

Laia

5 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Buenas tardes, primero decirte que tienes un blog muy interesante.
    He seguido todos los pasos que propones, pero la imagen de la flecha negra que he descargado no me sale, sale un error de foto que si clicas encima te sube para arriba. Podrías ayudarme para saber que es lo que hago mal. Para que puedas ver lo que me pasa, mi blog es http://dulcessanosbb.blogspot.com.es/ Muchas gracias

    ResponderEliminar
  3. No me sale :( Lo copio todo tal cual, pego el URL de la foto que he escogido, lo guardo todo, y al final me sale un cuadrado con una equis negra dentro de la foto (funciona el botón pero la foto no se ve). Si sabes como arreglar eso o porque me pasa eso, te importaría mandarme un mensaje a naiaramaneiro07@gmail.com poorfavor, te lo agradecería muchísimo <3

    ResponderEliminar
  4. ¡Muchas gracias, me quedó perfecto! El tamaño, el lugar, todo excelente. No tuve que cambiarle nada.

    ResponderEliminar