TRUCOS Y
TUTORIALES
PARA TU BLOG
No, no vendemos
camisetas... aun

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

14 de abril de 2009 | | 46 comentarios
Tener un botón que nos mande al contenido anterior puede hacer más fácil la navegación a nuestros lectores. Para colocarlo hacemos lo siguiente:

  1. Hacemos una copia de respaldo de la plantilla por si no nos gustara el resultado; para hacerla vamos a Diseño > Edición de HTML > Descargar plantilla completa.
  2. Ahora ahí mismo marcamos la casilla Expandir plantillas de artilugios y buscamos el texto:
  3. <!-- feed links -->
  4. debajo de él pegamos lo siguiente:
  5. <form> <input type="button" value="Volver atrás" name="Volver atrás" onclick="history.back()" /> </form>
  6. 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.



46 Comentarios en total

  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

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.
 
2013 © Ciudad Blogger
¿Te gusta Ciudad Blogger?