Marga Desing Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo instalar un botón de subir arriba



Si quieres que tu blog tenga ese botoncito en el lateral para subir arriba (como verás, yo tengo a mi perrito que dice "Súbeme") tenemos que hacer lo siguiente:

Nos vamos a Diseño ➡ Añadir un gadget ➡ 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 vuestra URL (yo utilizo el servidor Tinypic para subir la imagen)

width=50px Esto es el ancho del botón. Lo podéis dejar así, o modificarlo si lo véis necesario.

Sólo tienes que ir dando a "Vista previa" para ver el efecto de los cambios y guardar una vez que lo veas a tu gusto.

¿Has visto qué sencillo? ¡Espero que te sea útil!



Fuente: este post proviene de Marga Desing, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Cómo hacer una captura de pantalla

Cuando era "novata" en esto de internet, flipaba de las cosas que la gente sabía hacer y que para mí eran super difíciles. Me preguntaba ¿y cómo habrá hecho ésto? ¿y esto otro? pero luego.. ...

Cómo activar y validar Windows 7

Hace poco me formatearon mi portátil y cual fue mi sorpresa que a los días siguientes me salía el dichoso mensaje de que tenía que validar Windows 7. Claro, supuse que el windows 7 que me habían inst ...

Zamzar: conversor de imágenes

Para los que trabajamos con programas de diseño, como el Paint o el Photofiltre, nos es más fácil hacerlo con imágenes con formato PNG o JPG, que con PDF. Muchas veces, a la hora de descargar cosillas ...

Recomendamos

Relacionado

general ayuda blogger otros tutoriales

Cómo poner un botón de 'Seguir con GFC' sin que sea el gadget de blogger

El jueves os decía en facebook que aceptaba sugerencias sobre lo que publicar esta semana. Tengo varias ideas en la recámara (es decir, en mi hoja de ideas para posts) pero ya que no tenía nada escrito, me daba igual coger una de las mías que una sugerencia vuestra. Mejor si cojo una sugerencia vuestra, ¿no? :) En cuestión de 3 minutos ya tenía dos sugerencias y una además me ha parecido muy buen ...

Código html Código web Programación Web ...

Código para hacer un menú de navegación

Es muy sencillo hacer un menú de navegación utilizando para ello un campo de formulario despegable y un botón para confirmar la selección. Código para hacer un menú de navegación. Para crear un menú de este tipo se debe utilizar el siguiente código HTML en el lugar concreto donde queramos situarlo dentro de la página: <form> <SELECT NAME=”urldestino”> <option selected&g ...

avanzado BLOG blogging ...

Cómo instalar un slider de imágenes en blogger

Esta semana he recibido un correo con esta duda: ¿Cómo instalar un slider de imágenes debajo del cabecero en blogger? Y no es la primera vez que me preguntan por el mismo tema. Este tipo de correos no puedo contestarlos uno a uno, prefiero anotar las dudas y cuándo se repiten mucho, desarrollar un tutorial en el blog, para que pueda verlo todo el mundo. Si me conoces un poco, ya sabes que no soy m ...

general propuestas

Cómo añadir un botón para imprimir en tu web

Muchos creadores de contenidos web, especialmente Bloggers, siempre pueden complementar sus entradas con valor añadido: permitir al usuario descargarse las instrucciones en un archivo de lo que explican en sus entradas o la posibilidad de que el usuario se las imprima en papel. Aunque en Diarios de la nube hemos explicado con anterioridad cómo imprimir en Blogger de una manera más o menos sencilla ...

icono botón redes sociales ...

Cómo insertar botones de Redes Sociales en Blogger

Hoy les traigo el Tutorial de cómo insertar los botones de las Redes Sociales en Blogger. Lo primero que vamos a hacer es Descargarnos los Botones que más nos gusten y alojarlos en hosting (hay muchos gratuitos), pero yo uso el Google Drive, que me parece más sencillo y más completo. Una vez tengamos las imágenes subidas a Google Drive, tenemos que averiguar su URL, (si no sabes cómo hacerlo, te l ...

fl studio 12 consejos y trucos grabación de vídeo música ...

Fl Studio 12 - Consejos y Trucos - Cómo subir y gestionar un vídeo en Youtube explicado de una manera sencilla

Una vez que has producido y grabado una canción con FL Studio 12, puede que quieras subir tu vídeo a Youtube para empezar a compartirlo con el mundo, por ello he escrito este post que es muy corto y sencillo, pero necesario, si no quieres perderte al subir un vídeo a Youtube. En él te cuento paso a paso como subirlo, la importante tarea de etiquetarlo bien, traducirlo y dejarlo listo para que el ...

CSS: Nivel B1

Personalizar un formulario de suscripción

Tener una lista de suscripción es muy importante para captar seguidores más fieles que los que captaríamos en cualquier red social como Twitter o Facebook, sin embargo muchos piensan que una vez hecha la lista vale con pegar el código que nos da nuestro proveedor de e-mail marketing y ya nos lloverán los suscriptores, por lo que nos encontramos páginas con campos de formulario que se presentan con ...

BLOG blogging intermedio ...

Instalar los iconos de redes sociales en el header y sidebar de blogger

En una entrada anterior te conté cómo instalar una fuente llamada fontawesome para utilizar iconos en tus listas, páginas y entradas de blogger, para darles ese toque diferente y original que las haga especiales y visualmente atractivas. Puedes volver a revisar la entrada e instalar la fuente que te digo en el siguiente botón: CÓMO INSTALAR ICONOS EN BLOGGER Hoy, vamos a utilizar nuestros iconos p ...

general propuestas

Cómo añadir suscripción por correo electrónico en Blogger

Los componentes de suscripción por correo electrónico, sirven para que los usuarios que visitan un sitio web, puedan suscribirse a sus actualizaciones recibiéndolas por correo electrónico. Se trata de una herramienta fundamental para cualquier blog o sitio web, pues crea un vínculo directo entre sus visitantes y su autor. Cuando el creador de la página web publica un contenido, éste llega a todos ...

internet blog intermedio ...

Tutorial Blogger: Cómo poner una lupa en el buscador de blogger

Seguimos personalizando el diseño del blog para adaptarlo completamente a nuestra idea. Hoy vamos a ver cómo poner una lupa en el buscador de Blogger, un pequeño detalle que nos hará diferentes ¿no crees? 1.- El código que vamos a usar es: <form action="/search" id="buscador" method="get"> <input id="texto" name="q" onblur="if (this.v ...