30

Botón "Ir Arriba"

Con un código muy sencillo puedes incluir en tu blog un botón de "ir arriba".
Este ejemplo es con texto, pero también puedes poner un botón como imagen, en esta página puedes hacer uno tu mism@, son sencillos pero quedan muy bien, cuando tengas el botón sustituyes donde pone "ir arriba" por la dirección de tu imagen.

Código:
<a href="#">Ir Arriba</a>

Entradas Relacionadas:

30 comentarios:


Habitaquo

Hola Rosa, al fin lo encontré, tube que vbuscarlo con el buscador porque no lo encontraba, muchas gracias! Ahora me falta saber en que lugar de la plantilla Blogger va el código. Muchas gracias y un beso :)

k_nelita

Rosa

Más o menos después de
<div id='footer-wrapper'>

Suerte!

Solete

Hola de nuevo! He intentado poner un botón pero en mi plantilla no encuentro ese código.
Lo he pegado por varios sitios pero no funciona. Saludos

Rosa

Solete, el botón deberá funcionar lo pongas donde lo pongas.
He puesto el footer como ejemplo para colocarlo porque, por lógica, lo pondríamos al final del blog, pero es como orientación...usando la vista previa podemos ir escogiendo el lugar que más nos agrade.
De todos modos, en la Rounders, el código que equivale a ese, es este:

<div id='footer-wrap1'><div id='footer-wrap2'>

Solete

Hola Rosa! Por fin lo pude poner je je pero cómo no, ahora no lo puedo centrar, he probado con varios códigos que he visto en tu blog y en otros sitios, pero no lo consigo, por fi, cómo lo hago? Saludos y muchas gracias.

Solete
Este comentario ha sido eliminado por el autor.
Solete
Este comentario ha sido eliminado por el autor.
RichardChavez

Hola. Me gusto tu blog.
hay infinidad de cosas que poco a poco ire agregando a mi blog.
una consulta. mi blog tieen muchos post y por lo tanto es muy largo. una vez vi en un blog una opcion, que consistia en mostrar unas cinco lineas de cada post, y si querias leer mas accedias a un boton que decia SEguir leyendo, presionabas y se extendia el post en la misma web..........ojala me puedas ayudar.
chequea mi blog
www.richardchavez.blogspot.com

Rosa

Richard, hay varios sistemas para hacer eso, pero algunos dan problemas...el que mejor está funcionando hasta ahora es este:
http://elescaparatederosa.blogspot.com/2007/04/el-leer-ms-con-resumen.html

MARGA'S HAPPY PATCHWORK

Hola Rosa, otra vez yo, me sale la url de la imagen, y me envia arriba, pero no sale la imagen.
¿Que hago?

Rosa

MARGA, no lo has puesto bien...es así:

<a href="#"><img src="http://lh5.ggpht.com/_Eg-JPwWnV5E/SRuER0nuZ1I/AAAAAAAAAjI/RnHn_ft2WuQ/s128/IR%20ARRIBA.jpg"/></a>

Pepe

Hola Rosa, quisiera que ayudaras con un boton "ir arriba" que no me actualice la pagina,solo que mueva la scroll, Gracias.

Rosa

Pepe, este mismo hace eso...comprueba en mi casita en la barra del pie de la página, es esto mismo lo que tengo aplicado ahí.

mimundodelana

hola rosa me gustaria que me ayudaras a hacer el boton de enlase para mi blog http://mimundodelana.blogspot.com soy nueva en esto desde ya grasias

Christopher Sebastian Rodriguez

Hola como estas Rosa espero muy bien, aqui otra vez yo XD destripando mis blogs sabes he estado intentando poner este boton con un imagen pero no me funciona siempre que le doy vista previa o guardar plantilla sales error e blogger que estoy haciendo mal lo quiero probar en este blog http://thewallofchristopher.blogspot.com/
que es mi blog de pruebas ya que quiero poner el boton en los blogs que tengo

Christopher Sebastian Rodriguez

Incluso estube revisando el codigo fuente de tu blog atraves de la opcion que da firefox pero siempre sale error XD ayude please....!

Rosa

Christopher Sebastian Rodriguez , el código tienes que usarlo tal como lo ves aquí, solo tienes que sustituir "Dirección de tu blog" por la del tuyo, la del blog donde va a ir colocado.

En tu blog de pruebas, por ejemplo, estaría bien al piede del blog, donde está el texto de los créditos.
Tienes que ir a Edició html y sin expandir artilugios, pegas el código abajo del todo, después de Wordpress themes</a> por ejemplo.

Christopher Sebastian Rodriguez

Hola rosa que tal, gracias por contestar sabes si funciona el bton pero ahora para variar el problema es que no me sale la imagen que quiero poner como boton solo me sale la direccion donde esta alojado y la imagen no sale.

Rosa

Christopher, tienes que ponerlo así:
<a href="#"><img src="url de la imagen del botón></a>

LokoGB

Rosa tengo una duda, porque en mi blog el boton ir arriba al hacerle clic sube rapido pero cuando uso el tuyo lo hace lentamente. Como lo hago? :( (igual con el boton hacia abajo)

Rosa

LokoGB No he publicado como hacerlo aún, lo he sacado de Vagabundia creo recordar, siento no poder darte el dato de la entrada concreta :( no lo recuerdo ahora mismo.

Bocha

Rosa coloque el codigo pero no me gusta como anda la casita... y me gustaria que me pasaras o explicaras el codigo que tenias antes vos, ese que iba subiendo hasta la cabecera lentamente, esta muy bueno.

Saludos.

Rosa

Bocha El que tenía antes es el que has probado tu...el que tengo ahora es el que sube lento...y que voy a explicar en breve.

Bocha

Oks, cuando los expliques me lo pongo...

Saludos Rosita... :)

J.F.R.F.

Hola Rosa! Te agradesco muchisimo estos post! Son de mucha ayuda. Tambien espero que publiques la "Subida lenta" jaja. Un beso y mil gracias!!!

Rosa

J.F.R.F. La subida "lenta" ya está publicada :D
Mira en mis etiquetas en la que dice "Scriptaculous"

Trasto Malísimo

Simple y fácil, pero super eficaz.

Gracias por compartirlo.
Yo he aprovechado y en vez de una flecha arriba he puesto un muñequito pidiendo comentarios, y me gusta como ha quedado.
Si queréis echar un vistazo, estais invitados:

http://lagrandezadelosvicios.blogspot.com/

Saludos!!!

Tresi

Rosa!! te acabo de hacer una consulta y ya veo que lo tienes solucionado en esta entrada!!! sorry!!! y muchas gracias!!! :$

Rosa

Tresi Yo te mandé a otra entrada je,je, pero si, esta también te servirá para lo que quieres. :D

Tresi

Si, si :) de hecho ya lo he aplicado!!! si quieres verlo: http://historias2-0.blogspot.com/

Muchas gracias andaba detrás de esto un tiempo!!! :P

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S