viernes, 27 de julio de 2012

Botón de subir

Para buscar una etiqueta más rápido en tus códigos HTML preta ctrl+F y en el cuadro de búsqueda pon lo que quieras buscar.

Antes de la etiqueta </style> añade el siguiente código:
/* CSS Botón Ir arriba */
#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 20px; right: 20px; }

Antes de la etiqueta </head> añade el siguiente código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>

Por último, antes de la etiqueta </body> añade el siguiente código:
<------ Botón de subir ------>
<a href="#" id="scrollToTop"><img src="URL_IMAGEN" title="TEXTO_QUE_SALDRA_AL_PASAR_EL_RATÓN" /></a>


Lo que está en rojo lo sustituyes (sin quitar las comillas) por lo que te indica.


Si LO QUIERES EN BLOGGER: http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html



14 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. He introducido el código pero luego en el tumblr no me aparece el botón cuando voy bajando... Ya he intentado otras formas y no me aparece.
    Este es mi tumblr: http://thecloudthief.tumblr.com/
    Puede que el tema no lo permita, no sé...

    ResponderEliminar
    Respuestas
    1. Ya he editado el post, y va al 100% en todos (o casi todos) los temas. Cualquier duda pregúntala.

      Eliminar
  3. Buenas, quiero agradecerte hay muchas cosas que ya sabia y en otras me has ayudado mucho, solo que en el caso del boton de scrolltoUptengo un problema y es que no me aparece la etiqueta mi tumblr es http://sebaxparrado.tumblr.com/ supongo que sera por el tema no?

    ResponderEliminar
  4. M e funciona pero no me sale la imagen

    ResponderEliminar
  5. Mira lo e intentado pero despues mis imagenes no me salen! por favor me gustaria que me ayudasen mi correo es soez.trece@gmail.com

    ResponderEliminar
  6. oye por q cuando pongo una imagen me sale q la imgajen esta rota

    ResponderEliminar
  7. No deberías poner eso de: <------ Botón de subir ------> porque yo lo puse y despues me salió abajo. Pero no importa, es el único tutorial que me sirvió. MUCHAS GRACIAS!!

    ResponderEliminar
    Respuestas
    1. Y tambien deberías poner eso del http://www.tumblr.com/themes/upload_static_file porque algunos no saben como subir imágenes por lo que veo, creo :/

      Eliminar
  8. Oye me abre otro enlace que dice ready? O.o

    ResponderEliminar
  9. mi pregunta es simple, como puedo hacer que el boton subir aparezca en el lado izquierdo de la pantalla y no en el derecho?

    ResponderEliminar
  10. A mi me sale cuando entro en mi tumblr pero a los demas no se les ve...porque puede ser?

    en http://laguaridadelhumor.tumblr.com/

    ResponderEliminar