Ir arriba

Este código es muy simple y te servirá si tienes un blog o una pagina muy extensa, por ejemplo en este blog, abajo y a la izquierda, verás esta imagen que te sigue hasta abajo, y que al hacer clic en ella te envia al Top de la página.

Se trata de un enlace a "#", es decir:

Como enlace de Texto:
<a href='#' title='Ir arriba'>Ir arriba</a>

Como imagen con enlace
<a href='#' title='Ir arriba'><img src='http://Urldelaimagen.gif' border='0'/></a>

Como imagen fija abajo y a la izquierda (como en este blog):
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; left:0;'/></a>

Como imagen fija abajo y a la derecha:
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; right:0;'/></a>

Si quieres puedes usar esta imagen su Url es:

http://inacho07.googlepages.com/2uparrow.png

23 comentarios:

Chumillas dijo...

Muy útil, gracias.
Lo usaré en una de mis webs.

=)

Rickhack7 dijo...

y lo pongo en edicion html . en donde??

Anónimo dijo...

Perdona,pero puse el enlace de "ir arriba" y se me queda en medio de la página, además hay que bajar al final del todo para verlo, no me sale como tú lo tienes aqui.
Un saludo

PortaL FoX MiX dijo...

deberian los encargados de esta pagina responder las dudas de los usuarios.

Atte
DJ fOX

WWW.PORTALFOXMIX.NET

pd: yo igual no se donde pegar el codigo para que quede como en la de ustedes al lado izquierdo espero su respuesta mi correo es djfoxvip@hotmail.com gracias.

Narangito dijo...

BUenas yo os digo que el tutorial esta bién, pero para que se vea y aparezca fijo, estes por donde estes en la página, debes añadirlo como gadgets javascript, al menos en BLOGGER saludos y visitenme

http://masalegresymenospobres.blogspot.com/

Maxu dijo...

Esta bastante bn esto de la flechapara ir arriba jajaj Saludos Narangito ajjaj

http://maxudescargas.blogspot.com/

Williams dijo...

muchisimas gracias la usare para mi web

marco dijo...

Una consulta, yo he extendido el espacio de mi blog y quisiera en vez de un boton "ir arriba" uno q sea "ir a la derecha", leyendo los codigos me parece que "#" significa arriba pero no ubico en ningun lado derecha, q supongo solo bastaria con remplazar #. D antemano gracias x la ayuda,

Un abrazo

The.chika-riot dijo...

emm no deberias permitir que coloquen los link de sus blog, es como raro que admitas eso... gracias por la flechita, la probare, adios.

Anónimo dijo...

hola oye no puedo poner la imagen solo se pone la palabra arriba como le ago sweet_xocro@hotmail.com agrega y dime como porfas

x0m dijo...

wENO AMI NO ME FUNKO TU CODE COLOCAO PERO WENO SOLO TUBE QUE VER EL CODE FUENTE PARA VER EL CODE Y TANK ESTA WENO..

valj3n dijo...

muy BUENO este post me sirvio para mi pag
po cierto visiten mi pagina es
www.theclanwar.webs.com es una pagina de un juego llamado quake 3 es muy buena tiene chat,seminario,link de descargar,fotos tec se las recomiendo
mira tienes un 10+ me sirvio mucho tu post

Anónimo dijo...

oe que buen aporte...
lo voy a poner en mi blog

www.proyectosfim.jimdo.com

TradingyForex.com dijo...

Excelente y de mucha utulidad el post. Lo aplicaré en mi página de FOREX

DUEL dijo...

oye pon el link que no puedo poner todo eso --'' quin se acuerda xD

Anónimo dijo...

Muchas gracias!! lo estaba necesitando
saludos

ARGENTINA dijo...

Gracias por la info.

Posdoctorados dijo...

¿Podrías decirme donde se pone el código?

Dietas dijo...

Gracias!! está muy bueno!

Argentina viajes y turismo dijo...

Lo voy a mandar en mi web de VIAJAR A ARGENTINA

Deathly dijo...

Posdoctorados en blogger, vas a Diseño > edicion HTML y lo pones justo abajo de <body>

Saludos.

FeL¡x dijo...

¿como lo pongo?

Pepe Luis dijo...

gracias por el botón de subir arriba muy útil , y se puede modificar el contenido de las letras a nuestro antojo , gracias y que Dios te bendiga.

Publicar un comentario

Gracias por visitar Creando Web, si tienes alguna duda, solo pregunta! ^^
- He activado la moderación de comentarios, para leerlos todos y porque llega mucho spam :)