Poner en el blog botones (flechas) de Ir Arriba e Ir Abajo

5 de enero de 2010 782 comentarios ,
Los botones de Subir y Bajar facilitan el acceso al contenido de la página, sobre todo cuando en la página principal hay muchas entradas o cuando una entrada tiene demasiados comentarios.
Vamos a ver dos formas de poner los botones de Ir Arriba e Ir Abajo, una es la forma "simple" y la otra tendrá un efecto deslizante.


Forma simple

Entra en Plantilla | Edición de HTML y antes de </body> pega lo siguiente:
<a href='#'><img border='0' style='position:fixed; top:0; right:0;' src="URL de la imagen" title="Ir arriba" /></a>


<a href='#footer-wrapper'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>

Cambia la URL de la imagen donde se indica; el primer código corresponde al botón de Ir Arriba, el segundo al de Ir Abajo.

Efecto deslizante

Para que al subir y bajar tenga un efecto deslizante necesitaremos Scriptaculous, así que estando igual en la Edición de HTML pega antes de </head> el siguiente código:
NOTA: Si ya lo tienes en tu plantilla no es necesario pegarlo de nuevo.
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->

Ahora antes de </body> pega lo siguiente:
<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>


<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

De igual modo hay que cambiar la URL de la imagen tomando en cuenta que el primer código es para el botón de Ir Arriba y el segundo para el de Ir Abajo.

Los botones estarán uno en la parte superior derecha y otro en la parte inferior derecha, si deseas que ambos estén en medio de la pantalla entonces en el código de la imagen de "Ir Arriba" verás que dice top:0; eso cámbialo por otro valor como top:250px;
Y en botón de "Ir Abajo" dice bottom:0; eso cámbialo por top:490px;


ACTUALIZACIÓN:
En cualquiera de los dos métodos (simple o deslizante) si usas una plantilla nueva del Diseñador de plantillas de Blogger entonces tendrás que buscar esta línea:
<div class='body-fauxcolumns'>

Y cambiarla por esta otra:
<div id='outer-wrapper' class='body-fauxcolumns'>

Luego buscar esta línea:
<div class='content-cap-bottom cap-bottom'>

Y cambiarla por esta:
<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>

Con eso funcionará también en esas plantillas.

Aquí les dejo unos íconos que pueden utilizar para sus botones.

arrowarrowarrowarrowarrowarrowarrowarrow

arrowarrowarrowarrowarrowarrowarrowarrow


782 comentarios en:

" Poner en el blog botones (flechas) de Ir Arriba e Ir Abajo "

  1. hola buen post como siempre
    esta genial el blog

    bye

    ResponderEliminar
  2. Es un tema pendiente agregar uno de estos botones en Cyber, pero la verdad que no quiero seguir agregando cosas, es mas, estoy viendo que se puede quitar porque carga muy lentamente... :(

    Si alguien lo implementa por favot paseme el link de su blog así lo veo funcionando (me interesa mas el segundo)

    Un abrazo!!!

    ResponderEliminar
  3. bernardo28, gracias por tu visita. Saludos.

    brother, habría que ver qué es lo que está alentando la carga de tu página, pero es verdad, suele tardar un poco para cargar. El segundo con el efecto es el que yo tengo en este blog. Un abrazo!

    ResponderEliminar
  4. muy bueno y completo hasta con las imagenes, en mi blog tambien lo uso con el efecto slide de Scriptaculous y me parece que queda bien :D

    ResponderEliminar
  5. Estupendo Potro.
    Siempre estoy pendiente de tu sitio.
    Saludos y éxito!.
    Jpz.-

    ResponderEliminar
  6. fabian, también lo prefiero con efecto deslizante, le da más estilo.

    bLACk, qué bueno que te gustó.

    Jpz, gracias, yo igual estoy siempre al pendiente del tuyo ;)

    ResponderEliminar
  7. Muy bueno Potro
    Ya lo habia puesto en Curiosidades del Mundo
    pero yo tenia la de la forma simple
    solo agregue el codigo de Scriptaculous y me salio en dezlisante
    esta muy bien

    ResponderEliminar
  8. mmm a mi me va algo mal :S otra vez.. :S el de abajo no me sirve :s intente con los 2 y nada, mira directamente:

    http://mr-ubuntu.blogspot.com/#footer-wrapper

    ResponderEliminar
  9. Excelente post pero me surgio un problema ir abajo no funciona Jejeje...! cual sera el por Que? ya que lo tengo agregado en mi blog Christopher SC

    ResponderEliminar
  10. Alex, me alegro que te haya servido =)

    Davis N., en el caso de tu plantilla es distinto, en el código de Ir Abajo cambia las dos veces que dice footer-wrapper por footerbottom

    Christopher, en tu caso cambia el segundo código las dos veces que dice footer-wrapper por credit.

    ResponderEliminar
  11. Hola potro veras,recientemente puse una imagen parecida a la de las flechas en mi blog,pero quisiera ver si no hay una codigo para que se cierre esa imagen cuando alguien ya no la quiera ver,podras ayudarme? Saludos.

    ResponderEliminar
  12. Ok gracias, ya funciona perfectamente...!

    ResponderEliminar
  13. Ahhhh... es verdad Bro, sabes que soy espiestado, no lo había notado. Queda muy bonito ese efecto!

    Hoy voy a trabajar para ver si puedo aumentar la velocidad de carga del blog... les cuento lo resultados luego.

    Un abrazo!!!

    ResponderEliminar
  14. Borest, supongo que con algún script se podría hacer, en cuanto me haga un poco de tiempo veo qué se puedo hacer y lo publico.

    Christopher, ya lo veo funcionando ;)

    brother, de todas formas con el Leer más que pusiste sí ha aligerado el tiempo de carga. Un abrazo!

    ResponderEliminar
  15. Hola me interesa el ir arriba y abajo pero no se como se pone la urs de las flechas. saludos y gracias.

    ResponderEliminar
  16. Aver si lo pongo en mi plantilla, por cierto, las flechas estan perfectas. Saludos!

    ResponderEliminar
  17. Hola.
    Cuando cree mi nuevo blog, en contre una plantilla muy buena para colocar videos.
    pero no se como hacer que aparesca.
    podrias ayudarme.

    http://disneystarstube.blogspot.com

    y esta es la de blogger templates.
    http://btemplates.com/?s=Tube&x=0&y=0

    saludos.

    ResponderEliminar
  18. ..NaNy.., necesitas tener la URL de la imagen que has subido a Internet, esa URL es la que debes poner en el código.

    PepeX, gracias por tu visita =)

    El Venado, nunca he usado esa plantilla, te dejo el enlace de la página del autor donde explica cómo ponerlo: http://www.dantearaujo.net/2009/09/blogger-video-template.html

    ResponderEliminar
  19. Andamos de Regreso despues de estas Vacaciones
    yeh potro muy buen codigo ya lo avia visto aqui pero jamas lo encontraba en tus post anteriores y cual era la sorpresa que no lo avias publicado hasta ahora
    que buen codigo te arhorras trabajo estar subieno y bajando por partes
    GrACcias Potro!
    Potro Rulez

    ResponderEliminar
  20. Debió ser de los primeras entradas que debí publicar pero por una u otra razón no lo hice...y ahora que veo hay varios temas básicos que tengo en el olvido. Trataré de irlos publicando estas semanas.

    Gracias por tus comentarios y bienvenido de nuevo!

    ResponderEliminar
  21. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  22. Hola Mundo Tv,

    No es ninguna molestia. El código de Scriptaculous debe ir antes de </head> no antes de <head>
    Cámbialo de lugar y deberá funcionar.

    Saludos.

    ResponderEliminar
  23. tu espacio me ha servido de mucho, de corazon gracias mi espacio tiene un mejor aspecto...saludos

    ResponderEliminar
  24. Muchas gracias a ti por tu visita ;)

    ResponderEliminar
  25. HOLA HE COLOCADO TAL COMO DISE EN TU TUTORIAL PERO NO ME FUNCIONA SIGUE SUBIENDO LA FLECHA PERO SIN EFECTO HO ESTARE ASIENDO ALGO MAL :S ESPERO TU AYUDA

    AQUI TE DEJO UN BLOG DE NOTAS DONDE COLOQUE LOS CODIGOS ESPERO Q ME RESPONDAS GRACIAS

    URL : http://www.4shared.com/file/192479773/ccf0be25/wwwperuanotevetk.html

    SALUDOS

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  26. Es que estás utilizando el código equivocado. Pusiste el de la forma simple, sin efecto. Para que tenga efecto debes poner el código de abajo.

    Saludos.

    ResponderEliminar
  27. xD me equiboque jejeje disculpa pero ahora el problema es q he colocado el codigo de abajo y ahora no sube no responde la flecha asu :S que estara mal ???

    tu me diras lo dejo sin efecto o me sigueras ayudando :D te lo agradeseria ^^

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  28. no ahy otro lugar en donde ponerlo ???

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  29. Lo que sucede es que el código que puse es para las plantillas con estructuras "oficiales" de Blogger y la tuya tiene muchas variantes.

    En el código de la flecha de arriba verás que dice dos veces outer-wrapper, cambialo por wrapper
    En el código de la flecha de abajo dice dos veces footer-wrapper, cámbialo por footer

    Saludos.

    ResponderEliminar
  30. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  31. ERES LO MAXIMO QUE COMES QUE TODO LO SABES GRACIAS POR SER PACIENTE ^^

    ME FUNCIONO ^^

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  32. Me alegra que al fin tengas los resultados esperados ;)
    Saludos!

    ResponderEliminar
  33. tengo una curiosidad quisiera saber con q programa ases las botones png

    QUE TENGAS BUENAS BACACIONES ORALE POTRO

    SALUDOS

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  34. Estimado Potro:

    (Mi Blog: http://kishaper.blogspot.com/ )
    Yo coloco el codigo de efecto deslizante y ponga las imagenes de las flechas rojas pero sim empargo solo funciona el de ir arriba y sin efecto deslizante.

    ¿Que puedo hacer?

    Un Saludo:
    Muzgo Webmaniatico

    ResponderEliminar
  35. www.PeruanoTeve.tk, esos botones no los hice yo, lo encontré en la red. Los que yo hago los hago en Photoshop ;)

    muzgo webmaniatico, no veo que tengas las flechas puestas para ver el código :S

    ResponderEliminar
  36. ok!!! Salió!!! Por fin ya me salió!!! Gracias!!!

    ResponderEliminar
  37. Hola Potro feliz vagaciones jejejeje mira este efecto lo inplemente en mi blog de Tech Adicto pero no funciona he estado probando algunas opciones que estan en el comentario pero sin embargo no funciona, cuando este libre visita mi te dejo la direccion http://techadicto.blogspot.com/ para que ayudes en esta oportunidad y quien como vos que si puede ir de vacaciones Jejeje Saludos...!

    ResponderEliminar
  38. Hola Christopher,

    Había que aprovechar las ofertas de la agencia ;)
    En el caso de tu plantilla en lugar de #footer-wrapper pon #copyright recuerda que tienes que cambiarlo en los dos lugares que aparece.

    Saludos.

    ResponderEliminar
  39. Genial, ya estan funcionando a la perfeccion....!
    Gracias

    ResponderEliminar
  40. Perfecto! Ya lo he visto trabajando.
    Saludos.

    ResponderEliminar
  41. hola necesito ayuda para mi blog sobre el tema de las flechas arriba y abajo.ir arriba si me sirve pero ir abajo no mi blog es www.penawebdelxerecismo.blogspot.com y estas dos webs www.cocinaandaluza.es.tl www.leatherpielall.es.tl espero respuestas.un saludo.

    ResponderEliminar
  42. Hola xerez,

    En el caso de tu plantilla de Peña Xerecista no tiene footer , así que antes de </body> pega <div id='footer-wrapper'/> para que funcione.
    En las otras dos webs no sabría decirte, mis conocimientos se limitan a la plataforma de Blogger.

    Saludos.

    ResponderEliminar
  43. hola gracias porl la ayuda ya me sirve en el blog y yo ya buscare alguna solucion para las otras dos webs un saludo y hasta pronto..

    ResponderEliminar
  44. es que las quite por que no funcionaban, llamame muzgo solo y ahora las pongo para que lo veas.

    Porfavor y Gracias

    ResponderEliminar
  45. Ponlos para que pueda ver el código.

    ResponderEliminar
  46. Hola Potro denuevo yo jejeje sabes tuve que cambiar de plantilla por algunos problemas es el mismo pero creo o me parece que algunos codigos han variado por que no acepta o mejor no funciona los botones te dejo la direccion para que me ayudes nuevamente techadicto.blogspot.com y gracias por tu ayuda :P

    ResponderEliminar
  47. Hola Christopher,

    Para ir arriba sería top-wrapper y para ir abajo sería copyright-data ;)

    Saludos.

    ResponderEliminar
  48. Hola Potro, bueno algo raro sucede con los botones, por que cuando subo en la barra de direcciones sale http://techadicto.blogspot.com/#top-wrapper lo cual no deberia salir y ademas no tiene el dezlisamiento suave, sube si o baja pero no se deslisa ¿Que sucedera? :(

    ResponderEliminar
  49. Hola Christopher,

    Es que tienes en tu plantilla JQuery y este efecto necesita Scriptaculous, cuando se juntan estos scripts uno (o ambos) fallan ya que no son compatibles :S

    ResponderEliminar
  50. Bueno, gracias por la ayuda pero que pena en verdad pero bueno al menos sube y baja jejejeje. Saludos de Buenos Aires

    ResponderEliminar
  51. Déjame recordar el método de JQuery que tiene el mismo efecto, ahí ya no tendrías problemas.

    Saludos.

    ResponderEliminar
  52. Tengo el mismo problema que Christopher, porque mi plantilla tiene algunos scripts en JQuery. Te agradecería si encuentras la solución.

    Saludos.

    ResponderEliminar
  53. Hola Serrucho,

    No hay otra solución excepto decidirse por usar una sola librería, ya sea Scriptaculous o JQuery, ambas tienen funciones muy similares.

    Saludos!

    ResponderEliminar
  54. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  55. Hola Potro, creo que de todas los tutoriales el tuyo está bastante claro, pero tengo un problema y es que la flecha no llega al tope del la pagina, cuando hago click en la flecha de ir arriba queda un poco mas abajo que la cabecera, no entiendo a que se debe, te estaría muy agradecido si me ayudas con esto, un Saludo y muchas Gracias.el blog es http://selectprint.blogspot.com/

    ResponderEliminar
  56. Hola ANDRES ARMAS,

    Muchas gracias por tu comentarios.
    Lo que sucede con tu plantilla es que arriba del outer-wrapper tienes otro elemento, por eso no llega al tope. Pero tiene solución: al inicio donde tienes tu menú dice <ul class='menu4'> eso cámbialo por esto,
    <ul id='top' class='menu4'>

    Luego en el código de las flechas de Ir Arriba cambia las dos veces que dice outer-wrapper por top

    Con eso al subir llegará hasta arriba de la página.
    Saludos.

    ResponderEliminar
  57. El Potro:
    Ya he puesto los botones a ver si eres capaz de ayudarme

    ResponderEliminar
  58. Hola muzgo webmaniatico,

    Para que el botón de Ir Abajo funcione cambia en el código las dos veces que dice footer-wrapper por footerbox
    El efecto deslizante no funciona porque tienes un menú que usa JQuery y ese tipo de efectos no es compatible con Scriptaculous.

    Saludos.

    ResponderEliminar
  59. El Potro, eres flipante, muchas gracias.
    Podrias crar una entrada explicando el nuevo gadget de blogger, lo de las paginas?
    Por favor y gracias:
    Muzgo Webmaniatico

    ResponderEliminar
  60. muzgo webmaniatico, más adelante hablaré un poco sobre ello :)

    Nuria, qué bueno que te ha servido!

    ResponderEliminar
  61. Gracias otra vez, lo he puesto a la izquierda (left) porque mi barra esta ahi, y a la derecha me tapaba un poco los extremos de las entradas.
    Por cierto, me he permitido "fusilar" tus flechitas.

    ResponderEliminar
  62. No hay problema, para eso las puse ;)

    ResponderEliminar
  63. Muy agradecido por tu respuesta Potro, gracias por tu ayuda tan valiosa y desinterezada, aqui hay mucha información, voy a intentarlo nuevamente. Saludos.

    ResponderEliminar
  64. Por nada ANDRES, seguro todo saldrá bien.
    Saludos.

    ResponderEliminar
  65. Hola funciono el boton arriba abajo de maravillas gracias por tu aporte
    http://institutociencias.blogspot.com/

    ResponderEliminar
  66. Me alegra que te haya servido.
    Saludos.

    ResponderEliminar
  67. Muchas Gracias, ahora mismo lo tengo en el Blog, creo que sin tu ayuda no lo hubiera logrado, excelente amigo un abrazo.

    ResponderEliminar
  68. Por nada ANDRES, un placer ayudarte.
    Saludos.

    ResponderEliminar
  69. buenas potro
    yo tengo un blog es
    http:// mundo-rulas.blogspot.com
    lo acabo de comenzar por eso
    no tengo nada pero no funcionan las flechas
    me podrias ayudar?

    ResponderEliminar
  70. Hola Anónimo,

    No he podido ver tu blog, la dirección que pusiste dice que el blog no existe.

    Saludos.

    ResponderEliminar
  71. Como consigo las flechas, quiero decir el URL de cualquiera!!!!!

    ResponderEliminar
  72. Jeje ya pude visita mi blog y dime que tal

    ResponderEliminar
  73. Excelente Laura, te han quedado muy lindas ;)

    ResponderEliminar
  74. me encanta tu blog estoy aprendiendo montones, muchísimas gracias

    ResponderEliminar
  75. Gracias a ti por tu visita y tus comentarios ;)

    ResponderEliminar
  76. oye potro los botones me funcionan
    muy bien en mozilla firefox
    pero ahora que lo abri en el explorer veo que quedan en la parte de abajo y no a la derecha de la pagina como deberia
    me podrias explicar a que se debe?
    http://varias--cosas.blogspot.com

    ResponderEliminar
  77. Puede ser la versión de tu Internet Explorer, he entrado con la versión 8 y las flechas están en el lugar adecuado, lo que sí es que no cargan siempre.
    Por cierto que en el caso de tu plantilla en el primer código debes cambiar donde dice outer-wrapper (2 veces) por wrapper.
    Y el segundo código cambia donde dice footer-wrapper (2 veces) por footer.

    Saludos.

    ResponderEliminar
  78. Buenas tardes Potro .
    Nada que no soy capaz ...he hecho todo como pones y na de na .
    http://tabloncentral2010.blogspot.com/

    Lo de las URL he subido las flechas a PICASA y he copiado las url ... es asi ???

    ResponderEliminar
  79. esto es lo que he puesto antes de

    (lo he tenido que borra no me lo admiten los comentarios)

    y no veo las flechas por ningun lado.

    ResponderEliminar
  80. Hola VRedondoF,

    Las URL están mal. Entra a Picasa y dirigete a donde está la imagen, luego con el botón derecho del mouse selecciona Copiar la ruta de la imagen. Es es la URL que debes poner.

    Respecto al código de Ir abajo, busca donde dice <!-- end outer-wrapper --> y debajo pon esto:
    <div id="footer-wrapper"></div>

    Saludos.

    ResponderEliminar
  81. Hecho ... muy agradecido ...
    Soy un "Carroza Jubilado" y esto no se me da muy bien ...
    Abusando de tu amibilidad ... podria separarlo un poco arriba , que no quede tan pegado arriba??.
    A tu disposicion para lo que necesites ...
    Por cierto me parece muy intesante tu blog me lo voy a tabajar en profundidad.
    Repito MUY AGRADECIDO.

    ResponderEliminar
  82. En el primer código busca donde dice:
    top:0;
    Y cámbialo por top:10px;
    Con eso estará más separado de la parte superior.

    Qué bueno que te ha resultado bien.
    Saludos!

    ResponderEliminar
  83. Saludos.El boton de abajo no me funciona en mi blog.Os paso el enlace.
    http://seccion-anime.blogspot.com/
    Este blog es un apartado de mi blog principal.
    saludos.

    ResponderEliminar
  84. En el caso de tu plantilla en lugar de #footer-wrapper es sólo #footer
    Saludos!

    ResponderEliminar
  85. Ahora si !! Dios k grande k eres !! Muchas gracias y enhorabuena por este blog, que sirve de gran ayuda.Gracias.

    ResponderEliminar
  86. Bueno gracias por lo del boton y otros comentarios, muy utiles, le estoy trabajando a mi blog y no esta mal del todo ahí les dejo la dirección para darle una hojeada
    http://signartesgraficas.blogspot.com

    ResponderEliminar
  87. Qué bueno que te ha sido de utilidad :)

    ResponderEliminar
  88. Hola potro aqui nuevamenete molestandote aqui va mi problema yo he colocado los codigos tal como estan y me funciona pero mi Menú estilo Dock para Blogger (1) deja de funcionar todas las imagenes se ponen para un lago y no funciona el efecto quisiera preguntarte si ahy otro lado donde colocar el codigo para que tenga el efecto de Efecto deslizante

    Gracias Suerte

    100% CIUDADBLOGGER ** !!!

    ResponderEliminar
  89. Hola PeruanoTeve,

    El menú estilo Dock usa JQuery, y el efecto deslizante de estas flechas usan Scriptaculous, estas librerías no son compatibles, por lo que no puedes tener ambas sino sucede eso, dejan de funcionar las cosas.

    Saludos!

    ResponderEliminar
  90. MUY BUEN POST LAMENTO DESIRTE QUE A MI NO ME FUNCIONO Y TENGO UN BLOGEER ! AYUDAME !!

    ResponderEliminar
  91. Sin saber cuál es tu blog me es imposible ayudarte.
    También necesitaría saber qué es exactamente lo que no funcionó.

    ResponderEliminar
  92. hola potro, bueno te queria comentar que yo puse todo como lo dice ai, pero sin embargo la flecha de abajo no me sirve, no se si es porqe le puce una imagen flotante o que, porqe cuando la cierra si funciona, pero no la qiero sacar, que le puedo poner para mantener las dos :S?

    ResponderEliminar
  93. Efectivamente es por la imagen flotante que se encima al botón y no deja que tengas acceso a él.
    Puedes poner la imagen flotante del lado izquierdo o ponerla al lado de la flecha para que no interfiera.
    Busca en tu plantilla esta parte:
    #ftr_imagen {
    background: url(http://img440.imageshack.us/img440/7929/belloto.gif) no-repeat;
    bottom: 0px;
    right: 0px;

    Si lo quieres a la izquierda cambia right por left.
    Si lo quieres al lado de la flecha cambia el 0px por 50px

    ResponderEliminar
  94. ya lo arregle :), muchas gracias :D

    ResponderEliminar
  95. Hola Potro

    Siento decir que no me funciona, solo tengo la flecha de ir arriba, e ir va, pero no con efecto deslizante. Si pudieras echarle un vistazo te lo agradecería.

    Un saludo

    ResponderEliminar
  96. Hola Kartlingas,

    El primer código debe ir justo antes de la etiqueta </head>
    Tú lo has puesto en el área de los estilos, es por eso que no se ejecuta el script. Pégalo donde te menciono y me comentas si se ha arreglado.

    Saludos.

    ResponderEliminar
  97. Muchas gracias Potro, ha ido perfecto.

    Un saludo

    ResponderEliminar
  98. A mi no me sirve ni una ni otra, pongo los codigos y sale alreves ya tengo dos horas tratando y ya me di porvencida, espero y me puedas ayudar porfavor, aqui te dejo el link de mi blog, para que heches un vistazo porfavor a lo mejor es el tipo de planilla que tengo, porque pongo el codigo que se supone que debe de subir y la flecha se pone arriba y no abajo para que suba, espero tu ayuda potro...abrazos.

    http://lacarolitasdesignz.blogspot.com/

    ResponderEliminar
  99. En el caso de tu plantilla en el botón de Ir arriba, en lugar de poner #outer-wrapper debes poner #art-main

    Saludos.

    ResponderEliminar
  100. Hola Potro, otra vez yo, mira ya hise lo que me dijiste que pusiera, la flecha si sube, pero esta arriba, y yo quiero que este abajo, como le puedo hacer?? que este abajo para que suba...muchas gracias por responder mi mensaje anterior, eres bien amable...besos

    ResponderEliminar
  101. Hola .·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·.,

    Entonces busca en el código que has puesto esta parte top:0; y cámbialo por bottom:0;

    Saludos!

    ResponderEliminar
  102. Yessss!!! muchas gracias Potro, wow! quedo surper, si que te la sabes de todas todas, que padre que hay personas como tu que comparten lo que saben y mas que nada que respondas las preguntas, eres super!!! pasa a mi blog a ver que me quedo muy bien, ah! tambien tome tu link y lo puse en el top menu de mi blog para que vengan a visitarte... besos Potro que tengas un lindo fin de semana.

    ResponderEliminar
  103. Qué bueno que ya ha quedado y que está funcionando!
    Muchas gracias por el enlace y tus comentarios!

    Buen fin de semana :)

    ResponderEliminar
  104. No se dice no funciona, se dice ¿por qué a mí no me funciona?

    ResponderEliminar
  105. Amigo esta bueno tu aporte, lo malo es ke me genera algunos problemas con gadgets de mi blogger, como arreglaria eso?

    ResponderEliminar
  106. No se porque pero funciona mejor en el modo simple, con el modo de efecto vota errores con otros scripts del mismo blogger

    ResponderEliminar
  107. Si usas JQuery es posible que te cause conflictos, pues no se lleva con Scriptacoulos, que es el que se usa para conseguir el efecto deslizante.

    Saludos.

    ResponderEliminar
  108. una consulta, se puede hacer algo para que la flecha de "Ir abajo" aparezca en la parte superior de cada post y te redirija hacia el final del post?

    ResponderEliminar
  109. Hola EmmaX,

    Pues haciendo algunas modificaciones se puede, el problema es que no baja exactamente hasta donde termina el post, sino en la caja de los comentarios.

    ResponderEliminar
  110. ahh. bueno me diste esperanzas por lo menos, ja.
    Me podrias pasar el codigo o indicar las modificaciones que le tengo que hacer a la plantilla?
    Tengo bastante idea de html y css, asi que podes explicar sin miedos

    ResponderEliminar
  111. No es nada complicado, expande los artilugios y busca esta línea:
    <div class='post-body entry-content'>

    Debajo pon este código:
    <div style='float:right;'><a href='#abajo-footer'><img border='0' src='URL de la imagen' title='Ir abajo'/></a></div>

    Luego busca esta línea:
    <div class='post-footer'>

    Y sustitúyela por esta otra:
    <div id='abajo-footer' class='post-footer'>

    Ya sólo cambia la URL de la imagen y listo.
    ¡Saludos!

    ResponderEliminar
  112. oye potro no me sele el efecto deslizante
    http://segundo--e.blogspot.com

    ResponderEliminar
  113. Debe haber algún otro script que no deja funcionar el que hace que tenga el efecto :S

    ResponderEliminar
  114. Gracias potro. La verdad es que con tu ayuda los que hace un par de meses no teníamos ni idea, tenemos en marcha al menos yo un Blog que marcha fantásticamente bien.
    Al igual que otros he tenido problemas con el funcionamiento de la flecha hacia abajo, pero después de varios cambios ha funcionado quitanto el footer-wraper por solo footer. Mi pregunta es ¿porqué ocurren estas cosas en algunas plantillas no sirviendo el código original que tan amablemente nos facilitas?. Es simple curiosidad. Gracias
    Un saludo

    ResponderEliminar
  115. Hola Cristina,

    Me da mucho gusto saber que la información que has encontrado aquí te ha sido de ayuda para emprender tu blog.

    La razón por la que no a todos les funciona el código original es porque ese código (al igual que la mayoría de los que explico) está basado en las plantillas estándar de Blogger, que son las plantillas clásicas, más específicamente en la plantilla Mínima.

    Sin embargo, quienes diseñan las demás plantillas generalmente no respetan el nombre original de los códigos y les cambian el nombre o simplemente dejan de incluir ciertos elementos; esto hace que se vuelva todo un caos, pues una plantilla tiene un nombre, otra otro, y otra no tiene nada.
    Es por eso que en esos casos hay que detenerse un poco a analizar la plantilla para identificar cuál es el nombre que le debería corresponder y así solucionar el problema.

    ¡Saludos!

    ResponderEliminar
  116. Una pregunta. Haber colocado las flechas de arriba y abajo ha podido de alguna manera perjudicar el Gadget de Seguidores?. Desde que lo instlé ha desaparecido la información. Otra pregunta que no tiene que ver con esta entrada pero no he encontrado otra para hacerlo. Quisiera colocar unos catálogos en pdf para ser descargados por los clientes, cómo lo hago.
    Gracias de nuevo
    Un saludo

    ResponderEliminar
  117. Hola Cristina,

    Si usaste el método con efecto deslizante sí, pues el script de Prototype y Scriptaculous tiene conflictos con los códigos de la Lista de Seguidores.

    ResponderEliminar
  118. Esto es genial, funciona perfectamente. Gracias por tomarte la molestia de transmitirnos tus conocimientos.

    ResponderEliminar
  119. Muchísimas Gracias El Potro !!! me ha sido de mucha utilidad tu web con tus consejos, ya que mis conocimientos eran muy escasos.
    Con paciencia lo he conseguido. Gracias nuevamente.
    Si quieren hechar una hojeada al blog para ver como me quedó, aquí les dejo la dirección de mi blog.

    http://recordandoamagonico.blogspot.com/

    Un saludo muy cordial.

    ResponderEliminar
  120. muchas gracias sos la gran ayuda que necesitamos los principiantes como yo

    ResponderEliminar
  121. Me funciona pero no el efecto deslizante y eso que lo he pegado como ponía, ademas en el mio si pone lo de footer-wrapper y demás...

    ¿que podrá ser?

    Por cierto, he enseñado en blog en clase y todo dios quiere poner en práctica tus trucos, con la diferencia de que (aunque nivel básico) soy el informático de la clase y me llaman cada dos por tres.

    Je, je, je. ¡Los martes y viernes vas a recibir al menos 100 visitas extra! ¡Enhorabuena!

    ResponderEliminar
  122. Jajaja, entonces ya pronto tendrás que abrir tu blog de ayuda :P

    El problema está en que el efecto deslizante requiere de Scriptaculous y tú en tu blog usas JQuery, estas librerías son incompatibles, por lo que cuando se usan juntas una de las dos deja de funcionar.

    ¡Saludos!

    ResponderEliminar
  123. Hola Potro.
    Inserté el truco y tengo una duda:
    En la flecha "subir", al ejecutar, no recorre hasta arriba, queda "casi casi" en el top... ¿Que será?

    Saludos.
    Jpz.-

    ResponderEliminar
  124. Eso es porque tienes más elementos arriba del outer-wrapper.
    Para que suba hasta arriba cambia en el código de la flecha los outer-wrapper por top

    Saludos.

    ResponderEliminar
  125. Graciela Potro...
    Un detallito!.
    Jaja.

    Saludos.
    Jpz.-

    ResponderEliminar
  126. Muchas gracias Potro funcionan de maravilla

    ResponderEliminar
  127. Hola Potro, quise agregar "Boton de ir Arriba e ir Abajo" y al ver vista previa, salio este cartel:
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The value of attribute "src" associated with an element type "null" must not contain the '<' character.
    La verdad no se que hacer hice paso a paso y no sale.
    Tendre que guardar igual la plantilla?
    Espero tu respuesta,gracias.
    Saludos.

    ResponderEliminar
  128. Ese mensaje indica que no estás colocando bien la URL de la imagen y/o que al mismo tiempo hay una parte del código que no se está poniendo completa.
    Inténtalo de nuevo pero antes verifica en tu navegador que la URL de tu imagen funciona sin problemas.

    Saludos.

    ResponderEliminar
  129. Hola de nuevo El potro gracias por contestarme tan pronto en la pregunta anterior, ahora se me ha ocurrido añadir esto... pero vuelvo a fallar jejeje perdona mi ignorancia. Mi plantilla me imagino que también está modificada, y claro, no se que tengo que cambiar... he probado alguna de las opciones de los comentarios anteriores pero no me ha funcionado ninguna. Muchas gracias

    ResponderEliminar
  130. Hola La tahona,

    En el caso de tu plantilla en lugar de #outer-wrapper hay que cambiarlo por #page
    Y para la flecha de abajo en lugar de #footer-wrapper hay que poner #footer

    Saludos.

    ResponderEliminar
  131. Tienes razón jejejej pero hay un problema cuando agrego Prototype y Scriptaculous los dos gadgets que tengo de google no aparecen, me refiero al de fiend conects y el de comentarios, ahora lo tengo quitado y si aparecen estos dos gadgets pero lógicamente no funciona el efecto. Gracias eres genial, un poquito ya hemos avanzado jejeje, gracias por tu tiempo.

    ResponderEliminar
  132. Ciertamente esas librerías no son compatibles con muchos gadgets de Google Friend Connect, pero puedes usar la forma simple, sin efecto.

    ResponderEliminar
  133. Hola, aun no encuentro la forma de habilitar el boton de subir video en la ventana de publicación de mi blogg, si alguien me puede ayudar...

    ResponderEliminar
  134. Hola he conseguido el el efecto pero tan solo "subir" con jquery en este sitio http://www.pazosblogger.com/2010/02/boton-ir-arriba-efecto-deslizante-con.html, pqrq los que nos nos va el Prototype y Scriptaculous eta otra librería consigue el efecto de igual manera o casi. Un saludo y gracias

    ResponderEliminar
  135. Balery Sánchez, ya se te ha respondido en la primera entrada donde preguntaste, por favor hagamos el seguimiento de las preguntas en la entrada que corresponde.

    La tahona, el único inconveniente con esa librería es que no tiene la opción para poner el botón de ir abajo.

    ResponderEliminar
  136. Ya me he dado cuenta, de que solo se puede en una dirección pero bueno, algo es algo jejeje muchas gracias, quizá se pueda modificar la librería si encuentro algo te aviso. Muchas gracias eres muy atento y de gran ayuda para torpes como yo jejej. Un saludo

    ResponderEliminar
  137. Hola Potro.A mí de momento no me ha funcionado de ninguna de las formas.En el efecto deslizante no funciona ninguna flecha.En el simple sólo la de arriba.Y si entro en personalizar se ven las dos flechas en la pantalla de elementos de página.Supongo que será por la plantilla que tengo o por la cantidad de personalizaciones que le estoy haciendo a mi blog.

    http://ivanserranogarcia.blogspot.com/

    Muchas gracias.Saludos.

    ResponderEliminar
  138. Hola Ivan Serrano,

    Eso es porque tu plantilla no es original de Blogger y los elementos tienen otro nombre.
    En el caso del botón de Arriba en lugar de #outer-wrapper debes poner .body-fauxcolumns
    Y en el del botón de Abajo en lugar de #footer-wrapper debes poner .cap-right

    Saludos.

    ResponderEliminar
  139. Hola Potro.Gracias por la respuesta.No sé que pasa con ésas flechitas dichosas que no quieren formar parte de mi blog.He probado lo que me has dicho y un montón de cosas y nada...

    ResponderEliminar
  140. Al clicar en las flechitas me sale una página que me dice:
    No se encuentra la página.
    Lo sentimos, la página que estabas buscando en el blog Ivan Serrano no existe.
    Saludos.

    ResponderEliminar
  141. Me temía que no pudiera funcionarte. El problema es que los códigos de las flechas necesitan encontrar un contenedor que tenga un ID por ejemplo <div id='contenedor1'> de ese modo las flechas saben que tiene que ir hasta el ID llamado contenedor1
    Ahora, en tu plantilla ningún contenedor tiene IDs asignadas sino que en su lugar tienen clases (class) por ejemplo <div class='contenedor1'>
    Por lo tanto no encuentra un ID a donde ir y es por eso que en tu plantilla no funciona.

    ResponderEliminar
  142. Entonces me resigno a poner sólo las flechas de ir arriba.Más adelante si sale algo nuevo,lo volveré a intentar.Muchas gracias por tu atención y por la ayuda Potro.Me está siendo enormemente útil.

    Saludos.

    ResponderEliminar
  143. Hola, puse la flecha hacia arriba y bien, me gusta como queda. Despues de probar con las dos opciones tuve problemas con la flecha abajo, pero me gusta como queda con una sola,
    gracias por tus trucos y consejos!

    ResponderEliminar
  144. Bien, pero si después quisieras las dos flechas me dices cuál blog es para que veamos cómo solucionarlo ;)
    Saludos.

    ResponderEliminar
  145. Cordial saludo Potro,soy nueva por aca en tu blog es muy interesante y practico me ha gustado bastante e intentado hacer lo de las flechas al pie de la letra pero solo aparecen las imagenes y al hacer click en ellas no hay efecto alguno podrias ayudarme no se si es por el tipo de plantilla que utilizo o alguna otra razón.
    De antemano agradezco tu colaboración y mira esta es la dirección de mi nuevo blog:

    http://rainbowtyr.blogspot.com

    ResponderEliminar
  146. Hola Rainbowtyr,

    Bienvenida a Ciudad Blogger!
    En efecto es por tu plantilla. Veo que el de Ir abajo sí funciona, el único que no es el de Ir arriba. Para esa fleca el lugar de poner #outer-wrapper debes poner #wrapper
    Con eso funcionará.

    Saludos.

    ResponderEliminar
  147. Hola Potro,

    Estoy muy agradecida con vos, pues efectivamente funciono, muchas gracias por esta pronta respuesta y excelente solución; bueno estaré ojeando más acerca de este maravilloso blog que me parece excelente, muy útil y optimo el manejo que vos le brindas la rapidez y efectividad de tus respuestas. Gracias!

    Saludos!!!

    ResponderEliminar
  148. Te agradezco tus amables comentarios :)

    ResponderEliminar
  149. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  150. Muy bueno, leí hace unos días los mandamientos del blogger, en mi caso le voy a agregar uno, leer los comentarios antes de preguntar algo, también tuve que cambiar en la flecha de abajo, #footer-wrapper y dejar solo #footer.
    Muchas gracias

    ResponderEliminar
  151. Definitivamente leer los comentarios puede solucionarnos el problema :D

    ResponderEliminar
  152. Encontre una pagina donde dicen como aplicar el efecto deslizante con JQuery, por si quieren hecharle un vistazo:
    http://elbalcondejaime.blogspot.com/2010/02/volver-arriba-con-efecto-deslizante.html

    ResponderEliminar
  153. Hola. He intentado poner la flecha deslizante en mi blog pero la de ir abajo me da error. He copiado todo en donde se requeria. ¿Qué hago mal? ¿Podeis ayudarme? Gracias.

    ResponderEliminar
  154. tagmander, por favor no hagas SPAM, sólo deja enlaces cuando alguien lo solicite.


    ^(.)^ You me and a cup of tea ^(.)^, posiblemente estás eliminando un caracter sin darte cuenta o está faltando una parte del código, en el mensaje de error debe especificar cuál es el problema.

    ResponderEliminar
  155. Hola, encontre una solucion para el conflicto que tiene JQuery con otras librerias como scriptacoluos y asi poder usar los efectos sin tanto conflicto. JQuery tiene una funcionalidad la cual es noConflict()que tiene diferentes usos.

    Si quieren saber como usar esa funcion de JQuery busquen en google, porque luego me llaman la atencion por poner los enlaces.

    ResponderEliminar
  156. Yo la he usado y no he tenido éxito, pregunté a unos amigos si a ellos les funcionaba y tampoco tuvieron éxito :(

    ResponderEliminar
  157. Hola de nuevo. Lo que hago es cortar y pegar el código, lo único que copio es la url de la flechita. Y no me sale mensaje de error. Aún asi muchas gracias por responder. Seguiré investigando.

    ResponderEliminar
  158. Potro es que hay que sustituir en el codigo js del efecto que estemos usando el simbolo de $ por alguna otra variable, por ejemplo haciendolo asi:

    var J = jQuery.noConflict();

    Y en el resto del codigo del js usado para tal efecto lo cambiariamos por J, listo y funcionara.

    Yo tube problemas con el efecto Slide de Posts(JQuery) y Mostrar mas de un SiteMap(Scriptacolous) que tenia en uno de mis blogs, funcionaba nada mas el Slide pero el mostrar mas del SiteMap no, y ya con lo que hice quedo listo, solucionado.

    Nos vemos, espero que te sea de utilidad

    ResponderEliminar
  159. Hola de nuevo ^(.)^ You me and a cup of tea ^(.)^

    Como habías dicho que te daba error supuse que Blogger no interpretaba los códigos.
    En el caso de tu plantilla debes cambiar en el código de la flecha de Ir abajo las dos veces que dice footer-wrapper por footer
    Con eso ya funcionará.

    Saludos.

    ResponderEliminar
  160. Hola tagmander,

    Así es como lo hice pero sin resultados o.O
    Supongo que tendré que intentarlo de nuevo pero ya será otro día.

    ResponderEliminar
  161. ¡Qué bien! sí señor, ahora funciona perfectamente. Gracias miles Potro. Seguiré muy de cerca tus trucos.
    Salu2

    ResponderEliminar
  162. disculpa, tengo un problema con las funciones de google. no me sale el efecto al hacer click en la flecha que puse en mi blog y google chrome me dice algo como: Uncaught TypeError: Cannot call method 'cumulativeOffset' of null en el archivo effects.js.
    ¿puedes ayudarme?

    PD: esta en elblogdeyass[punto]blogspot[punto]com

    ResponderEliminar
  163. Si usas el efecto deslizante tienes que poner el código que se menciona antes de /head

    ResponderEliminar
  164. hola amigo ya esta todo ok, solo que la flecha aparece con fondo

    la flecha esta en png con transparencia

    http://1.bp.blogspot.com/_qgZA1ny_dAs/S0QFhg9IWII/AAAAAAAADg8/i2hHjcVDgE4/s200/arrow2a.png

    ResponderEliminar
  165. potro, el problema era que mi plantilla no tenia los elementos outer-wrapper ni footer-wrapper... tuve que ponerle otros destinos. Gracias por el codigo te quedo muy bueno.

    ResponderEliminar
  166. WallMix, la imagen está bien, debe ser otro problema.

    YaGrEoR, así es, los nombres de esos elementos son los nombres estándar para plantillas de Blogger, las que no son de Blogger suelen tener otros nombres, pero hiciste lo correcto al cambiar el nombre de destino ;)

    ResponderEliminar
  167. Hola. He cambiado la plantilla por una de las que ahora aparecen con la nueva función de plantillas de blogger, y ahora no me funciona ni el menú deslizante ni las flechas arriba y abajo (con la anterior funcionaban ambas cosas). No sé si es que no pongo en el lugar los códigos. Me puedes ayudar? Saludos. http://historiaenpresent.blogspot.com

    ResponderEliminar
  168. Hola Empar,

    Eso es porque las nuevas plantillas no tienen un ID que los distinga.
    Para que funcione de nuevo busca esta etiqueta:
    <div class='body-fauxcolumns'>

    Y remplazala por esta:
    <div id='outer-wrapper' class='body-fauxcolumns'>

    Luego busca esta otra:
    <div class='cap-right'>

    Y cámbiala por esta:
    <div id='outer-wrapper' class='cap-right'>

    Saludos.

    ResponderEliminar
  169. Perdón, la última debes cambiarla por esta otra:
    <div id='footer-wrapper' class='cap-right'>

    ResponderEliminar
  170. Gracias. Ahora intentaré hacerlo. Saludos

    ResponderEliminar
  171. Hola de nuevo. Ahora funciona el menú pero no hay espacio para las pestañas que se despliegan. No sé tiene solución; y funciona sóla la flecha de subir (aunque sin deslizante, pero no es imprescincible), pero no la de bajar. Si hay solución, ya me lo dices, no quiero molestar más. Gracias.

    ResponderEliminar
  172. Entonces deshaz el cambio del último que te dije y mejor busca esta etiqueta:
    <div class='content-cap-bottom cap-bottom'>

    Y cámbiala por esta otra:
    <div id='footer-wrapper' class='content-cap-bottom cap-bottom'>

    El efecto deslizante no funciona porque has agregado el menú y ese usa jQuery la cual no es compatible con el script que hace que la flecha tenga el efecto deslizante.

    Saludos.

    ResponderEliminar
  173. Gracias, ya funcionan ambas flechas. Saludos

    ResponderEliminar
  174. hola no puedo crear las flechas de arriba hacia abajo pues me habre otra ventana al dar click en la flecha el blog es:

    http://calidad-senacdae.blogspot.com/

    ResponderEliminar
  175. No veo que tengas puestas las flechas.

    ResponderEliminar
  176. hola soy nueva en esta web esta buena pero nunca encuentro donde se ponen las plantillas seria un poco mas facil para otros principiantes como yo gracias

    ResponderEliminar
  177. ah y me descargue la plantilla pop star pero me decia q tenia un error

    ResponderEliminar
  178. Hola TEEN ANGELS FANS CLUB,

    Bienvenida a Ciudad Blogger.
    Para saber cómo cambiar la plantilla del blog mira esta entrada.
    La platilla que descargaste está comprimida en un archivo .RAR así que para poder usarla necesitas primero descomprimir el archivo y extraer el archivo con extensión XML que se encuentra en el archivo que descargaste, ese es el que necesitas para cambiar de plantilla como se explica en la entrada que te he mencionado.

    Saludos.

    ResponderEliminar
  179. Gracias Ptro... me quedó joyaaaaaaaaaaaaa. Un abrazo

    ResponderEliminar
  180. Potro, date una vueltita por mi blog... la flecha de ir abajo no llega bien abajo. Se podrá arregalar?

    ResponderEliminar
  181. Podrías poner antes de <!-- end outer-wrapper --> esto:
    <div id='footer-wrapper2'></div>

    Y en el código de la flecha de abajo cambia #footer-wrapper por #footer-wrapper2

    ResponderEliminar
  182. Hola Potro... sigue todo igual. No llega hasta abajo de todo.

    ResponderEliminar
  183. hola como va?? nio me andan los botones con el deslizante... tenia el de arriba solo y andaba despues puse el de abajo no andaba y cambie por un codigo que sugeriste a uno de los usuarios y anduvo... despues me encapriche y quise poner el deslizante y ahi dejo de andar todo y no hubo codigo que lo solucione... como hago?gracias

    ResponderEliminar
  184. Hola German,

    Recuerda que la palabra footer-wrapper2 se pone dos veces en el código, en una va así #footer-wrapper2 y en la otra va footer-wrapper2
    Prueba de nuevo con eso, sino entonces vemos otro modo.

    Saludos.

    ResponderEliminar
  185. Hola Cristian Soriano,

    En las plantillas nuevas de Blogger es todo muy diferente, de inicio no sé si con el efecto deslizante funcione ahí pues muchos scripts no funcionan en esas plantillas, pero podemos intentarlo, primero busca esta línea:

    <div class='body-fauxcolumns'>
    Y cámbiala por esta otra:
    <div id='outer-wrapper' class='body-fauxcolumns'>

    Luego busca esta línea:
    <div class='content-cap-bottom cap-bottom'>
    Y cámbiala por esta:
    <div id='footer-wrapper' class='content-cap-bottom cap-bottom'>

    Luego pon los códigos que se explican en esta entrada tal y como están.

    Saludos.

    ResponderEliminar
  186. Gracias Potro, ahora llega hasta el final pero sin el efecto deslizante.

    ResponderEliminar
  187. Creo que no me entendiste, el código de la flecha Ir Abajo debe ir así:

    <a href='#footer-wrapper2' onclick='new Effect.ScrollTo(&quot;footer-wrapper2&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

    Además, veo que debajo de esta línea:
    <!-- end content-wrapper -->
    Tienes esta:
    <div id='footer-wrapper2'>

    Ese ID debes cambiarlo por cualquier otro porque ya más abajo agregaste un contenedor con el mismo ID y te puede dar problemas más adelante.

    Saludos.

    ResponderEliminar
  188. gracias... quedó espectacular. Un abrazo

    ResponderEliminar
  189. ahi esta maestro mil gracias sos un groso!

    ResponderEliminar
  190. Qué bueno que ya les quedó bien y que está funcionando perfecto ;)

    ResponderEliminar
  191. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger