Poner botón 'Ir atrás' o 'Regresar' en el blog

14 de abril de 2009 66 comentarios ,
Tener un botón que nos mande al contenido anterior puede hacer más fácil la navegación a nuestros lectores, ya que con sólo un click pueden volver a la página que estaban viendo sin necesidad de subir y usar los botones del navegador.
La colocación es bastante sencilla, prácticamente es sólo un paso:

Vamos a Plantilla | Edición de HTML y buscamos esta línea:
<!-- feed links -->
Debajo de ella pegamos lo siguiente:
<script>function goBack() {window.history.back()}</script>
<button onclick="goBack()">Regresar</button>
Guardamos los cambios y damos click en el título de un post para ver el resultado. El botón de atrás quedará abajo de los posts, si quieres puedes moverlo de lugar y colocarlo donde más te guste. Incluso, sino quieres moverle a la plantilla sólo pega el código al final de cada post.

Si lo deseas, también puedes usar un enlace de texto en lugar del botón:
<script>function goBack() {window.history.back()}</script>
<a href onclick="goBack()">Regresar</a>

El resultado lo puedes ver aquí mismo dando click a cualquiera de las dos opciones:




Regresar


66 comentarios en:

" Poner botón 'Ir atrás' o 'Regresar' en el blog "

  1. necesita esto. pero quisiera como sustituir el boton por una imagen.

    ResponderEliminar
  2. Hola ChiCken,

    Usa este código:

    <img src="URL de la imagen" onclick="history.back()"/>

    Sólo agrega la URL de la imagen y listo.
    Saludos.

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

    ResponderEliminar
  4. El comentario anterior fue identificado como SPAM y se ha eliminado de la entrada.

    ResponderEliminar
  5. target='_parent' Intenté poner eso, pero no me funciona...

    ResponderEliminar
  6. Sí, es que ese atributo sólo funciona cuando hay un href y en este código no lo hay, es por eso que no funciona.

    ResponderEliminar
  7. Hola Potro:

    ¿Podrías poner el código completo si quisiéramos ponerlo con imagen? Porque sólo con el que has puesto en 2 no me funciona.

    Además, me gustaría ponerlo justo al final de la página escrita, dentro del cuerpo del post. Me sale fuera y en la esquina izquierda. ¿Alguna forma de ponerlo "dentro" del post" y alineado como yo quiera?

    Saludos.

    ResponderEliminar
  8. El código completo está puesto en el comentario #2 es una sola línea, sólo debes remplazar la URL de la imagen.
    Para que quede dentro del post agregalo debajo de <data:post.body/>
    Y para alinearlo mira esta entrada.

    ResponderEliminar
  9. Hola:

    ¿Cómo puedo poner unos enlaces en cada entrada para ir al post siguiente y al post anterior?
    Me gustaría que salieran automáticamente al redactar los post. ¿Eso lo hago poniendo el código en Diseño/Configuración/Formato?

    Muchas gracias.

    ResponderEliminar
  10. Hola txekorra,

    Esos enlaces ya aparecen debajo de cada entrada, son los enlaces de navegación que dicen "Entrada antigua", "Entrada siguiente", "Página principal".

    ResponderEliminar
  11. Gracias por la rapidez de la contestación.
    Ya sé que existen esos enlaces pero yo los quería poner dentro de cada entrada.

    Saludos.

    ResponderEliminar
  12. Lo más cercana que podrías ponerla cerca de las entradas (en la parte de abajo) sería arriba de los comentarios, si quieres eso entonces expande los artilugios y busca esta etiqueta:
    <b:include name='nextprev'/>

    Córtala y pégala justo arriba de:
    </b:includable>
    <b:includable id='status-message'>

    De esa forma tendrás esos enlaces debajo de las entradas.

    ResponderEliminar
  13. excelente! si me funciono! lo unico que no se es como moverlo porque me aparece ala izquierda de la post y yo lo kiero centrado! ayuda xfa

    ResponderEliminar
  14. Sólo encierra el código entre <center> y </center>

    ResponderEliminar
  15. Hola Potro, en mi blog los botones de ANTERIOR o MAS ACTUAL desaparecieron, no aparece en ninguna hoja o entrada, espero puedas ayudarme.

    ResponderEliminar
  16. En las entradas sí lo veo, sólo en la portada no, ¿hiciste algún cambio?

    ResponderEliminar
  17. hola, tengo tumblr y no me aparecen los botones de anterior o siguiente :S solo me aparece "cargando" me gustaría tenerlo ordenado asi por pagina que debo hacer? mi pagina es http://velociraptor10.tumblr.com

    ResponderEliminar
    Respuestas
    1. Ni idea José, esa plataforma aunque la he visitado varias veces nunca he tenido un blog ahí, así que la desconozco por completo.

      Eliminar
  18. Hola Potro! Me gustaría saber cómo puedo cambiar el texto de las etiquetas al final de cada entrada: Entrada más reciente - Página principal - Entrada antigua. Además de si puedo cambiar el texto simple por imágenes que le den más relevancia a esas funciones.

    Gracias anticipadas por tu ayuda!

    ResponderEliminar
    Respuestas
    1. Mira esta entrada para que veas cómo personalizar esos enlaces, incluyendo el cambio del texto por imagen:
      http://ciudadblogger.com/2009/07/personalizar-los-links-entradas.html

      Eliminar
  19. Potro: se me olvidó decir que en mi Blog estas etiquetas salen debajo del gadget de linkwithin "Quizá también le interese". Pero me gustaría que estén arriba de este y no debajo.

    Gracias

    ResponderEliminar
    Respuestas
    1. Siempre salen debajo de todo, aun así puedes cambiarlos de lugar:
      http://ciudadblogger.com/2011/12/cambiar-de-lugar-los-enlaces-de.html

      Eliminar
    2. Gracias Potro querido. Este fin de semana lo haré y te dejo saber. Abrazos desde República Dominicana.

      Eliminar
  20. Hola potro, cómo puedo hacer para poner números de secuencia "atrás-1-2-3-4-5-siguiente" debajo de la entrada de la página principal? Teniendo en cuenta que cada secuencia va a redirigir a una entrada oculta.

    ResponderEliminar
    Respuestas
    1. Hola Cristina, se llama "paginación". Busca en Oloblogger, ahí tienen un par de métodos para hacerlo.

      Eliminar
    2. Gracias por tu respuesta, lo buscaré.

      Eliminar
  21. Me encanta este blog. Es de muchísima ayuda para novatillas como yo. Me ha salido perfecto el botón pero me gustaría que saliese a color (si fuese posible). ¿Cómo podría hacerlo?

    ResponderEliminar
    Respuestas
    1. Hola harleyquinn, gracias por tu comentario :)
      Mira esta entrada para que veas cómo cambiarle el color a este tipo de botones:
      http://ciudadblogger.com/2009/08/cambiar-el-color-los-botones.html

      Eliminar
  22. Hola! Estoy buscando en todos los sitios y no encuentro nada asiq pregunto por si estoy buscando en vano jeje. En mi blog quiero publicar una entrada pero es demasiado larga asiq mi pregunta es si dentro de la misma entrada puedo poner un siguiente con flechas o algo asi para que no quede tan largo y poco estetico. Espero haberme explicado. Un beso para todos y gracias.

    ResponderEliminar
    Respuestas
    1. Hola Miriam, quizá puedas poner parte del contenido de la entrada oculto, algo así:
      http://ciudadblogger.com/2009/10/expandir-y-contraer-partes-de-una.html

      Eliminar
  23. Hola....Potro,super facil.
    Siempre empiezo con un Blog primero y despues voy agregando los cambios a los otros.
    Gracias.

    ResponderEliminar
    Respuestas
    1. Así debe ser, para no arriesgarnos a echar a perder algo del blog :)

      Eliminar
  24. Hola Potro , Como puedo hacer para poner paginas en numeracion osea asi:

    ""

    ResponderEliminar
    Respuestas
    1. No he podido ver lo que deseas Admin, pero supongo que te refieres a la paginación, yo no tengo algún tema sobre eso pero en Google encontrarás varios tutoriales.

      Eliminar
  25. Hola potro recurro a tu ayuda!!!
    Te cuento que cuando realice un blog hara unos 5 meses decidi sacarle esa parte que dice "Siguiente Blog /escritorio y salir que tienen todos los blogs y ahora estoy arrepentido!! quisiera volverlo a tener ... podrías darme la posibilidad de solucionarlo ??? podrias expilcarme que debo hacer para volverlo a tener '???
    agradecería tu ayuda.Gracias
    este es mi Blog donde hago radio y tv espero lo visites y me des tu opinion-.. http://www.eneradiotv.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Hola, sólo elimina este código:
      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none;
      }

      Eliminar
  26. por favr para que el boton unicamente salga en las entradas y no en la home, que he de hacer?

    muchas gracias

    ResponderEliminar
    Respuestas
    1. Encierra el código en una condicinoal:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  27. como configuro el "siguiente blog" es que me salen puros que ni al pedo... puedo selexionar los que quiera con algo asi como una lista o asi??

    ResponderEliminar
    Respuestas
    1. ¿Los de la barra de navegación? Esos no se pueden configurar, no sé cómo seleccione Blogger los blogs que aparecen ahí, supongo que son al azar.

      Eliminar
  28. Hola Potro, por favor en este blog yatesdealquiler.net como puedo modificar la barra de color rojo a otro color cuando hace el cambio de fotografia por favor, me estoy volviendo loco para localizarlo

    ResponderEliminar
    Respuestas
    1. Según parece se modifica aquí, en el background:
      #progress-bar { position: relative; height: 2px; width: 100%; background: #ff0000 url('http://4.bp.blogspot.com/-bKCOWbachoc/T9aoBmk87BI/AAAAAAAADxk/DptVwMDaoSQ/s000/progress-bar.png') repeat-x; }

      Eliminar
  29. Hola Potro, disculpa de nuevo una pregunta. Lo escribo aqui porque no encuentro tu mail.
    Por favor como puedeo poner el fondo blanco transparente de la entrada
    yatesdealquiler.net/2013/01/quienes-somos.html
    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Descuida, todas las preguntas son por aquí, no hay correo de contacto ;)
      Elimina el background que está dentro de #content con eso no tendrá el fondo blanco ni ningún otro.

      Eliminar
  30. buenos días me podias decir
    como hacer una url a una imagen
    gracias de antemano

    ResponderEliminar
  31. buenos días me podias decir como pongu
    una url a una imagen gracias de antemano

    ResponderEliminar
    Respuestas
    1. Hola andres, mira esta entrada:
      http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

      Eliminar
  32. Hola, verás, lo que me gustaría es que cuando alguien le pulse a una entrada y esté dentro, en esa misma entrada pueda ver un botón para entrada siguiente y para entrada anterior, pero no en la página principal del blog, no sé si me explico. ¿Cómo puedo ponerlo? Solo quiero que se vea dentro de cada entrada.

    ResponderEliminar
    Respuestas
    1. Hola, para eso están los enlaces de navegación, esos que dicen "Entrada Anterior" y "Entrada Siguiente", si no quieres que estos se vean en la portada sólo busca esta línea:
      <b:include name='nextprev'/>

      Y cámbiala por esto:

      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <b:include name='nextprev'/>
      </b:if>

      Eliminar
  33. Excelente página amigo, me ha servido de mucho.
    Mi pregunta es: ¿Se puede modificar la caja de comentarios de modo que al dar click en "publicar" automáticamente se ejecute el comando de volver atrás?
    Lo pregunto porque después de mucho tratar a prueba y error logré poner cajas de comentarios en todos los posts y no sólo en aquellos a los que se les dió click en "X comentarios.:" o en los que entramos directamente al post.
    Mi problema es que al dar click en "publicar" en la caja de comentarios, inmediatamente me manda al post comentado y no quiero que haga eso o al menos que de manera automática regrese. Mi blog es: http://brazodesanto.blogspot.com

    ResponderEliminar
  34. Perdón, se me olvidó decir "Por favor" y "Gracias".

    ResponderEliminar
    Respuestas
    1. Lamentablemente no, el problema es que la caja de comentarios es un iframe que controla Blogger por completo, así que nada de lo que haya dentro de esa caja podemos modificar, ni siquiera los estilos, menos las funciones :(

      Eliminar
    2. Gracias por responder tan rápido. ¿Y no hay un código iframe que haga lo mismo que el de la caja de comentarios predeterminada de blogger? Es decir, poner un código completo de una caja independiente y por lo tanto personalizable con una opción de éste tipo. Lo pregunto porque se puede poner una caja de comentarios de Disqus en lugar de la de blogger (que funciona exactamente igual, por cierto) y entonces tal ves se podría poner el código completo de otra.

      Eliminar
    3. Otra cosa que se me ocurrió sería reemplazar por completo la caja de comentarios de blogger por la de facebook, y es que normalmente aparecen ambas, el problema con mi post es que de tipo NSFW, así que tal vez la gente se lo piense dos veces antes de comentar. Pero ya sería un avance.
      Gracias nuevamente por tu tiempo.

      Eliminar
    4. Lo ignoro. Sé de Disqus y de IntenseDebate, no conozco otros servicios, pero dudo que en alguna de esas dos se pueda modificar esas áreas, no está de más que revises en sus opciones de cada una de ellas, con suerte y existe la posibilidad de hacerlo desde su panel de control. Será cuestión de investigar.
      Saludos.

      Eliminar
    5. Este comentario ha sido eliminado por el autor.

      Eliminar
  35. Nuevamente gracias por responder.
    Aunque ya agregué la caja de comentarios a todos los posts que aparecen en cada página del blog, a menos que los mensajes los agrege desde su respectivo post estos aparecen en el más reciente. Me explico, si hay dos posts en una página y pongo el comentario en el más antiguo, se publica en el más reciente. Lo que hice fué buscar el siguiente texto en la plantilla:
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

          <data:post.commentLabelFull/>:

        </a>





    y agregué antes de </a> lo siguiente:





    <b:include data='post' name='comment-form'/>





    quedando así:





    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

          <data:post.commentLabelFull/>:

    <b:include data='post' name='comment-form'/>

        </a>

    Pero es evidente que algo falta (o sobra) para que cada comentario se publique en su propio post. ¿Podrías ayudarme con esto? el blog es: http://brazodesanto.blogspot.com
    Gracias de nuevo por tu paciencia y ayuda.

    ResponderEliminar
    Respuestas
    1. Perdón, no he comprendido, ¿qué mensajes añadiste en cada página? porque la caja de comentarios nativa de Blogger viene por defecto preparada para mostrarse en todas las entradas, no hay necesidad de hacer ningún cambio en ello. A menos que no haya entendido el procedimiento y la intención del cambio que hiciste.

      Eliminar
  36. Cuando entras en un blog, por lo general aparecen varios posts (creo que la cantidad predeterminada es de 7). Cuando esto pasa, la caja de comentarios no aparece sino hasta que se hace una de dos cosas: dar click en el mensaje que indica la cantidad de comentarios o en el título del post, entonces entras directamente al post y ya puedes ver la caja de comentarios.
    Ahora, con la modificación que indiqué en el comentario anterior, la caja de comentarios ya aparece en todos los posts mostrados en una misma página sin tener que ingresar directamente a cada post para comentar; es decir, si entras al blog directamente y aparecen 7 posts, ya todos tienen la caja de comentarios añadida. El problema es que si comento directamente en el post 5, 7,3 o cualquier otro, el comentario se publica en el más reciente, es decir, el que está hasta arriba de la página, el primero que se ve al entrar al blog. Esa es la parte con la que tengo problemas.

    ResponderEliminar
    Respuestas
    1. No se puede de esa manera, hace tiempo yo intenté lo mismo y tuve exactamente el mismo resultado con el mismo problema. La caja de comentarios sólo es posible mostrarla (de forma correcta y funcionando) al ingresar a la entrada de manera individual.

      Eliminar
  37. Hola Potro. Estaba buscando como poner algo así para pasar de entrada, pero me gustaría hacerlo un poco distinto. Tengo un blog donde en la página principal solo se muestra una entrada completa. Lo que me gustaría es, en dicha página y en todas, poner a los lados del post un botón que te pueda llevar a la entrada anterior y a la siguiente, sin necesidad de ingresar en el post. Algo así como lo de entradas antiguas y entradas recientes, pero en forma de botón y a ambos lados del post, en lugar de en la parte inferior. Muchas gracias.

    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