Revista Creaciones

Tutorial para el blog: insertar botón "volver al principio de la página"

Por Natalia_ @CreacionesBN
Tutorial para el blog: insertar botón
María, del blog Merimery, sugirió el tutorial de hoy.En él veremos cómo poner, de una manera muy fácil, un botón que al pulsarlo, nos envíe al principio de la páginaPodéis verlo en la esquina inferior derecha de este blog.

Lo que primero que necesitamos es el icono. Podemos buscarlos por internet o podemos crearnos uno con un procesador de imágenes. Aquí tenéis unos ejemplos:

Tutorial para el blog: insertar botón

Si quieres descargarte estos iconos, puedes hacerlo aquí.

Debemos tener en cuenta el color de nuestra plantilla, y si el icono tiene un fondo blanco, o de otro color. Si es transparente, no tendremos ningún problema. También tenemos que pensar en el tamaño. Tiene que ser de dimensiones reducidas, para que no se solape con ninguna imagen ni gadget de la barra lateral.Una vez tengamos claro qué icono vamos a utilizar, debemos subirlo al blog, en una entrada, por ejemplo, o a cualquier otro aplicación o web donde subir imágenes, para obtener su URL.Si la subes al blog, haciendo click con el botón derecho del ratón, te saldrá la opción "copiar la URL de la imagen". Cópiala y pégala en este código HTML donde lo indica:<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="Pega aquí la URL de tu imagen" /></a>Después, en entra en DISEÑO de tu blog, e inserta un gadget HTML:
Tutorial para el blog: insertar botón
Pega el código completo y GUARDA.Después, no importa donde lo sitúes en tu plantilla de diseño, ya que no le influye en nada.¡Y ya está! 

¿Te han resultado fáciles los pasos?¿Vas a insertar este botón?Si es así, comparte los cambios en nuestra página de Facebook para que veamos todo lo que se puede llegar a hacer.Puedes compartir este tutorial en Facebook @Las Creaciones de Bea y Natalia,y en Twitter @CreacionesBNpara que llegue a más bloggers.
#TutorialDelDomingoEl jueves, Teresa del blog Ovejita Be!, en su sección La ovejita recomienda, dedicaba un post sobre recursos gratuitos para bloggers¡Qué sorpresa me llevé cuando vi que nombraba este blog!Muchas gracias Teresa.Para ver el post, podéis pinchar en la imagen.
Tutorial para el blog: insertar botón

Y si quieres que en algún #TutorialDelDomingo se resuelva alguna "duda blogger", no tienes más que proponerlo e intentaré ayudarte.
Facebook ´´ Pinterest ´´ Twitter

Volver a la Portada de Logo Paperblog

Dossier Paperblog

Revistas