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:


Admin 1

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

Anónimo 2

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

Suerte!

Solete 3

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

Anónimo 4

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 5

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 6
Este comentario ha sido eliminado por el autor.
Solete 7
Este comentario ha sido eliminado por el autor.
Richard Chavez 8

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

Anónimo 9

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 CRAFTS 10

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

Anónimo 11

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>

Anónimo 12

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

Anónimo 13

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í.

Anónimo 14

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 15

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 16

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

Anónimo 17

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 18

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.

Anónimo 19

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

LokoGB 20

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)

Anónimo 21

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 22

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.

Anónimo 23

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 24

Oks, cuando los expliques me lo pongo...

Saludos Rosita...

J.F.R.F. 25

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

Anónimo 26

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

Trasto Malísimo 27

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 28

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

Anónimo 29

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

Tresi 30

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!!!

Publicar un comentario

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