Hace unas semanas te conté cómo añadir botones para compartir en tus posts. Hoy voy a compartir contigo cómo poner un boton subir arriba en tu blog.

Sí, boton subir arriba. Porque parece que si digo boton subir se queda corto. He visto que muchísima gente dice botón subir arriba o ir arriba. Así que para que no haya pérdidas, así lo voy a llamar yo.

El caso es que muchas personas no saben ni que existe esta posibilidad. Poner en tu blog en blogger un botón que al clicar te lleve hacía el principio de tu web para que puedas seguir navegando por el menú o haciendo lo que te de la gana.

Pues sí, existe. Hay miles de descargables por internet, así que hoy yo te voy a explicar cómo ponerlos en tu blog para que así lo personalices como te de la gana.

Ventaja de añadir un botón de ir arriba

Tus lectores tendrán una mejor experiencia. Es tu decisión añadir este botón o no hacer nada. Pero recuerda la de veces que has hecho scroll hacia arriba y te has pasado unos minutos y no acababa nunca.

Sí, eso mismo evitas con tus lectores. Que empiecen a hacer scroll hacia arriba, al final se cansen, cierren tu pestaña y sigan haciendo otras cosas.

Por supuesto no es obligatorio añadir uno. Si tus posts son muy largos o tienes muchos posts por página, yo te recomiendo que sí lo hagas. Pero es sólo eso, una recomendación.

La ventaja principal que le encuentro es esa. Podría inventarme también que te haría parecer más profesional, pero no es así. Los blogs sin este botón parecen igual de profesionales.

¿Cómo colocarlo?

Es muy fácil, sólo tienes que ir a Blogger, al apartado de Diseño. Allí, en el footer añades un gadget HTML/Javascript y pegas el siguiente código:

<a href=’#’ style=’display croll;position:fixed;bottom:5px;right:5px;’ title=’Subir Arriba’><img src=”URL IMAGEN”, width=50px /></a>

gadget-footer

¿Qué modificarás?

  • Puedes modificar bottom:5px y right:5px. Son las distancias que hay al final y a la derecha de la pantalla. Es decir, el espacio que quedará entre el final y la derecha de la pantalla y el botón de subir. Ve jugando con ellos cambiando el 5 por lo que tu quieras, incluso 0 si lo quieres enganchado a la esquina inferior derecha.
  • Deberás modificar URL IMAGEN por la url de la imagen que hayas escogido.
  • También puedes modificar width=50px. Es el tamaño del botón, yo con 50px lo veo bien, pero puedes hacerlo más pequeño o más grande según tus gustos y el diseño de tu blog.

Una vez hayas hecho estas modificaciones, guardas, guardas la disposición y ya tendrás tu botón colocado.

¿Cómo conseguir la URL de la imagen?

Hay distintas maneras de obtener la url de una imagen. Te voy a explicar dos de ellas, que son las que me parecen a mi más fáciles.

Subir la imagen a una plataforma

Existen varias plataformas para subir imágenes. Puede ser Imgur, TinyPic, Flickr, Dropbox, Google Drive, etc. Hay muchísimas. Esta opción es genial si eres tú misma la que te creas botones para ir arriba.

En TinyPic es muy intuitivo subir la imagen y luego te da diferentes opciones. Simplemente tienes que copiar el link de la última opción, la opción de “enlace directo a presentaciones”. Ese enlace es el que pondrás en el hueco de URL IMAGEN.

En Imgur y otros por ejemplo, puedes subir una imagen. Para obtener el link simplemente abres la imagen en Imgur o la plataforma que hayas escogido y le haces clic derecho. Se te abrirán varias opciones, una de ellas es “copiar dirección de imagen”. De esta manera copiarás la url de la imagen.

Y por último, tanto en Dropbox como en Google Drive puedes utilizar la opción del enlace de compartir para usarlo como url de tu imagen. Es decir, tu subes tu imagen a una de estas plataformas y le das a compartir. Te darán opción a compartir un enlace o compartir por correo. Copias el enlace y listo.

Coger la imagen de Google

Yo siempre digo que no hay que coger imágenes de google sin saber si tienen derechos de autor antes. Pero como hay tantos posts con botones de subir para descargar, pues en Google Imágenes aparecen todos.

Simplemente, si no quieres descargarte todo el paquete que ellos ponen o te gusta alguna imagen de google que sabes que no tienes derechos de autor, puedes utilizar esta opción. Eso sí, te recomiendo y te pediría yo personalmente que, si utilizas esta opción para tener un botón subir que ha hecho otro blog, le comentes. Ya que se ha pegado el trabajo de hacer todos los botones, seguro que le gusta recibir un comentario diciendo que tú lo vas a utilizar en tu blog.

Lo dicho, una vez hayas encontrado la imagen en Google Imágenes que te guste, clicas sobre ella y luego le das a “ver imagen”. Porque si vuelves a clicar sobre ella vas a ir al post.

Y ya está, en la barra de navegación te aparecerá el enlace de la imagen. Ese es el que deberás pegar en el hueco de URL IMAGEN.

Últimos consejos

  • No hagas el botón subir excesivamente grande. Tiene que ayudar en la navegación a tu lector, no distraerle de tu post.
  • Utiliza un botón que tenga sentido en tu blog. Es decir, si tu blog es más infantil porque es de este tipo de temática, utiliza un botón que quede bien con ese diseño. No querrás poner una flecha negra enorme hacia arriba, cuando tu blog es de tonos pastel, eso va a distraer mucho a tu lector y no quedará bien con tu blog.
  • No lo pongas por poner, ponlo porque realmente estés convencida de que a tus lectores les irá bien tenerlo en tu blog. Ya sea porque tus posts son muy largos, porque tengas opciones interesantes arriba del todo o cualquier cosa.
  • El botón se tiene que ver, pero no ser el centro de atención. Vuelvo a lo mismo, no pongas una flecha negra enorme si tu diseño no va con eso, pero tampoco pongas un botón que apenas se vea, porque será como si no lo tuvieses.
  • Este código es para botones de ir arriba que son más cuadrados. Es decir, si quieres poner uno alargado no podrás hacerlo con este código. Igualmente yo te recomiendo que lo pongas cuadrado y pequeño, de no más de 50px, ya que tu lector lo podrá ver, pero a la vez no le distraerá. Se que me repito mucho, pero es que es muy importante.

Y ya está, hasta aquí el tutorial.

Espero que te haya servido para tener bien puesto tu botón de subir y saber cómo obtener la url de tus imágenes.

¿Tú tienes un boton de ir arriba en tu blog? Si no es así, ¿te habías planteado poner alguno? ¿Crees que es algo útil? Me gustaría saber tu opinión.

¡Te mando un besazo enorme!

Laura Montón

¿QUIERES RECIBIR MÁS INFORMACIÓN SOBRE BLOGGER?

Suscríbete a la newsletter y recibe todos los posts sobre blogger en tu email.

Además: - Recibe descuentos exclusivos y noticias importantes antes que nadie. - Forma parte de esta pequeña gran familia en la que todos nos apoyamos mutuamente.

Pin It on Pinterest

Share This