Cambiar aspecto del enlace "Entradas anteriores" | Oloblogger Al final la página inicio de un blog Blogger, aparece el mensaje "Entradas anteriores" e "Inicio" y cuando estamos otra ...

6 de noviembre de 2007

Cambiar aspecto del enlace "Entradas anteriores"

Al final la página inicio de un blog Blogger, aparece el mensaje "Entradas anteriores" e "Inicio" y cuando estamos otra distinta, también "Entradas más recientes".


Estos tres enlaces los maneja el artilugio BLOG1. Para localizarlo en el código HTML, hay que Expandir Artilugios y buscar

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

El código completo del artilugio es el que está en este cuadro:

<b:includable id='nextprev'><div class='blog-pager' id='blog-pager'><b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span>
</b:if><b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data:blog.homepageUrl != data:blog.url'><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><b:else/><b:if cond='data:newerPageUrl'><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></b:if></b:if></div><div class='clear'/></b:includable>

Para cambiar el mensaje por otro distinto, hay que sustituir las siguientes expresiones que representan el texto estándar:

<data:newerPageTitle/> para "Entradas más recientes"
<data:olderPageTitle/> para "Entradas anteriores"
<data:homeMsg/> para "Inicio"

por el texto que se nos ocurra. Por ejemplo y respectivamente:

Ir a entradas más modernas
Si te gusta lo antiguo pincha aquí
Ir a la portada del blog

Ojo que lo que hay que cambiar es todo lo que está entre < ... y > y como la expresión se repite, tener cuidado de cambiar sólo la que termina con la barra />.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

63 comentarios :

  1. OLOMAN: Siempre tan últil y tan práctico.
    .-Felicidades por esta nueva entrada en tu blog.
    .-Saludos desde el Mediterráneo, Andybel.

    ResponderEliminar
  2. Muy bueno tu blog. Me ha sido de gran ayuda. Necesito dos cositas

    1. Respecto a esta nota, hago lo que dice acá, sin embargo me aparece el siguiente mensaje:

    "No se ha podido guardar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Attribute name "ver" associated with an element type "notas" must be followed by the ' = ' character."

    2. Sabés como puedo insertar viñetas a los vínculos que se muestran en la barra ubicada en el lado derecho (es decir, que se vean como una lista, con viñetas y todo)?

    Gracias por su pronta respuesta

    ResponderEliminar
  3. Necesito que copies y pegues lo que tienes ahora y que copies y pegues como lo dejas tras los cambios.
    Seguramente has introducido algún elemento nuevo, distinto de los que aquí se explican. Necesitaría verlo...

    Segunda cuestión:¿te refieres a que salga como pasa en esta página con los apartados "Las más visitadas" y "Olositios", pero con su circulito, guión o el carácter que sea?

    ResponderEliminar
  4. 1. Cómo te coloco el código antes y después de las modificaciones?

    2. Exactamente como los ejemplos que me das, esa es mi idea, ¿Cómo lo hago?

    ResponderEliminar
  5. 1. Marcas el trozo de texto que piensas modificar y con CTRL+C, lo copias. Lo pegas por ejemplo en el bloc de notas de Windows con CTRL+V.
    Modificas y vuelves a copiar y pegar a continuación del otro.
    El conjunto lo copias y lo pegas en un comentario y así lo veo.
    Asegurate que te da el mismo error... por si has cometido un error al teclear.

    2. Marchando una entrada con el tema...

    ResponderEliminar
  6. 1. El único problema, es que cuando lo pego lo identifica como un código...

    2. Marchando una entrada con el tema? Lo que te pido es sólo colocar una viñeta al lado de las listas de enlaces... Algo como lo que explicas en tu último artículo; sin embargo no me sale modificando el list-style-type

    ResponderEliminar
  7. Me cuesta mucho entender lo que me pides...

    Lo del código no lo pillo. Mándame lo que te salga y así sé de qué estamos hablando, con respecto a las viñetas, el artículo lo hice precisamente para tí.

    Si no te sale, dime que parte en concreto de tu blog quieres cambiar, le echo un vistazo al código fuente e intento solucionarlo específicamente para tí.
    Saludos.

    ResponderEliminar
  8. Hola Oloman!

    Excelente tu blog! Me ha sido de mucha ayuda.
    Bueno, te escribo porque en el tema de las entradas anteriores tengo un problemita. Resulta que yo sigo utilizando la plantilla vieja, la clásica. Me niego rotundamente a pasarme a la nueva, jeje cuestión de principios! No,mentira es de puro vaga y por no querer hacer toda la transformación que implica. Y porque además la vieja me la sé de memoria y le hago los cambios que quiero en un periquete.
    La cuestión es que la vieja no tiene esto de las "entradas anteriores" y me gustaría saber si vos tenes o podes conseguir un código para agregárselo. O si de plano es imposible, no sé.
    Bueno, espero tu respuesta. Un saludo desde La Plata, Argentina.

    ResponderEliminar
  9. No estoy seguro, pero prueba a incluir el artilugio que está dentro del cuadro en esta misma entrada.

    O mejor... envíame por correo el fichero de copia de seguridad de tu plantilla.

    Si no lo tenías hecho, aprovecha ahora.

    ResponderEliminar
  10. Saludos Olomán...

    Lo que te quería preguntar es si se cambia todo, se deja la barra / , o se deja el data:.

    Gracias

    ResponderEliminar
  11. Se cambia todo Alvaro.
    Hay tres expresiones (entradas anteriores, posteriores e inicio). Según la que quieras cambiar, cambias la expresión entera por el texto que quieras. Desde < hasta el >, ambos inclusive.

    ResponderEliminar
  12. Mirá me sale el siguiente error:

    No hemos podido obtener una vista preliminar de su plantilla.
    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    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: Attribute name "más" associated with an element type "Entradas" must be followed by the ' = ' character.

    2. Una inquietud que tengo es ¿cómo hacer que los títulos de la sidebar estén encerrados en un rectángulo, tal cual como lo tienes en tu sidebar (las mas visitadas, enlazar, vuestras cosas, etc)

    Gracias por tu ayuda

    ResponderEliminar
  13. Gracias Olomán por toda tu ayuda y paciencia, jeje. Ya encontre el problemita, era que no quitaba los (<>) y escribía entre ellos...
    Ahora si, problema resuelto

    Gracias de nuevo :)

    ResponderEliminar
  14. Pues yo ya la regué.

    Hice todo eso pero aparecen 2 veces el mismo texto, con todo y la /, cambié uno y me apareció bien pero cuando le doy a entradas antigua ahora solo me aparece la opción de entradas nuevas y de Home, sin cambios en el texto y por más que quise regresarlo a como estaba ya no me dejó.

    La pregunta es la siguiente: como hago el cambio, con cual de los dos.

    ResponderEliminar
  15. No puedo ver tu blog porque no dejaste enlace, pero ten en cuenta que cuando estás en la primera página no aparece la flecha "más reciente" y cuando estás en la última, no aparece la de "más antiguo".

    ResponderEliminar
  16. Gracias Oloman por contestar, de hecho tienes razón y hasta después me di cuenta de eso, mi blog es relativamente nuevoy ese era un error, el problema es que al pasar a la segunda página (por decirlo así) me aparecen los vinculos de entrada más reciente e inicio como siempre aparecen y no como deberían de aparecer (cambiados).

    La verdad es que volví a regresar los datos como estaban pero ahora mi pregunta es si modifico el primero, el segundo o los dos que dicen data:...

    ResponderEliminar
  17. Cada uno de los DATA sirve para uno de los tres enlaces: anteriores, inicio y posteriores. Tienes que cambiar aquellos que quieras.

    ResponderEliminar
  18. Gracias, eres rápido, antes que nada te digo que soy algo ignorante por lo que te pido que tengas paciencia conmigo.

    Si se que hay 3 datas diferentes, el de anteriores, el de viejos y el de inicio pero cada uno está repetido 2 veces con todo y su respectiva /

    Ese es mi problema, cambio las dos en cada una o cambio solo una y cual?

    Disculpa las molestias, me retiro en este momento pero te prometo intentarlo de nuevo y darte mi página mañana si es que no funcionó.

    Gracias.

    ResponderEliminar
  19. Como ha pasado un día y no dices nada, supongo que ya lo has arreglado. No obstante, fíjate bien, porque la expresión completa tal y como se explica en la entrada, con < y /> incluidos, sólo aparece una vez en mi plantilla.

    Tendría que ver la tuya para decirte algo más.

    ResponderEliminar
  20. Perdón Oloman, he estado algo ocupado y aún no hago los cambios, en un rato reviso tu pedazo de plantilla y la comparo con la mía para ver si hay alguna diferencia.

    Gracias.

    ResponderEliminar
  21. hola soy yo lizi una consulta vos me podes decir como hacer si estoy escuchando musica en mi blog cuando cambio de pagina dentro de mi blog que la musica siga y no se corte es medio moleste agradezco tu ayuda...besos

    ResponderEliminar
  22. Hola a todos soy Guada, el blog esta muy bueno, la verdad es que yo recien empiezo y esto me esta atrapandoo!
    Queria saber si me pueden ayudar...
    primero nesecito saber como cambiar la cabecera de mi blog por una mas grande y personalizada.. y segundo me gustaria aplicarle un cuadro para que los visitantes dejen sus comentarios, he estado leyendo mucho pero no lo pude hacer.
    dejo mi mail. guadaush@hotmail.com

    gracias!!!

    ResponderEliminar
  23. Hola Guada. Eso que pides lo lleva Blogspot (Blogger) de serie.
    Me da la impresión que estás con otra plataforma. Si no es así, dímelo.

    ResponderEliminar
  24. Anónimo7/4/08, 9:46

    Oloman.

    Te agradezco mucho la ayuda, ya revisé el correo y sinceramente solo me resta agradecer.

    Aún no lo he revisado pero me imagino que ha de estar bien, ahora mi blog ya tiene más entradas por lo que sipongo que ya se verán los resultados acerca de este post.

    ResponderEliminar
  25. CUANDO LEYA TU BLOGG me davas asco
    Pero esto que publicaste Me funciono como NUNCA ¡¡¡gracias!!
    Posdata:
    El diseño deTu Blgg sigue siendo repugnante
    Pero eres un jeno. Ya yevava barios dias buscando esto. Y ya estaba por darme por vencido.
    ¡¡NUEVAMENTE GRACIAS!!
    y decora tu blogg que es orible

    ResponderEliminar
  26. Hola yo tengo un problema y es que en mi blog no aparece el enlace a las entradas anteriores desde que cambié la plantilla no sé de que puede ser, he buscado mucho pero no encuentro nada

    MegaCinemas.Blogspot.com

    ResponderEliminar
  27. Hola Ama.

    En un principio, lo que tienes que hacer es comprobar que el código que se facilita dentro del recuadro lo tienes. Supongo que no lo tendrás.

    En ese caso, cópialo entero e insertalo justo después de dónde se indica

    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

    ResponderEliminar
  28. Tengo el mismo problema de ama, copie el código como pusiste aquí pero sigue sin mostrarse. Te dejo ni plantilla completa.

    http://docs.google.com/Doc?id=dfgr6rcf_0csxmjxgc

    ResponderEliminar
  29. Hola Poniirgh!!! Si que tienes los enlaces a páginas anteriores y siguientes. Lo que ocurre es que tienes pocas entradas y en Inicio sólo tienes Entradas Siguientes (exactamente sale Atrars) y cuando vas a la siguiente página, como no hay más, sólo te sale Entradas Anteriores (exactamente, Adelanters)

    El trozo que tienes que cambiar para conseguir lo que aquí se propone es:

    <b:includable id='nextprev'>
    <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Adelanters</a>
    </span>
    </b:if>

    <b:if cond='datalderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class='blog-pager-older-link' expr:href='datalderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='datalderPageTitle'>Atrars</a>
    </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    </b:if>

    </div>
    <div class='clear'/>
    </b:includable>

    ResponderEliminar
  30. Muchas gracias Oloman por la ayuda.

    Escierto me faltaba ese código, aparece con la barra / final, aparece el codigo de "cierre".

    Lo que ocurre es que no sé donde colocarlo, a ver si me puedes ayudar, te dejo el código http://docs.google.com/Doc?docid=dcqv64c3_1hnkw6wcd&hl=en

    ResponderEliminar
  31. Hola Oloman, muy bueno el blog.
    Tengo una duda, relacionada con cambiar el pie de página "Entradas anteriores"

    pero me gustaría que este, en vez que diga entradas anteriores, o cualquier otra frase, mostrara el numero de páginas. Me explico

    que diga algo asi como:

    "Página 1, 2, 3 ... 15"

    y que al hacer click en los números, te lleve a la página.

    Quizá la respuesta de mi consulta puede servir para que subas una entrada explicandolo

    de antemano muchas gracias.
    Adios!

    ResponderEliminar
  32. A mí tambien me gustaría saber como se hace lo que dice bored

    ResponderEliminar
  33. AMA, el documento no es público y no me deja acceder a él.
    No obstante, se trata de que a la línea <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/> le quites la barra y crees un cierre de WIDGET:
    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
    </b:widget>
    Luego copias todo el código del artilugio que hay en el bloque del principio y lo insertes entre ambas líneas.

    BORED y AMA: Lo de la paginación lo he visto pero nunca me ha interesado ver como funcionaba. Me lo apunto.

    ResponderEliminar
  34. Genial Oloman, espero acá mismo una respuesta.
    O en otra entrada?
    saludos!

    ResponderEliminar
  35. Lo siento Oloman no me di cuenta, aquí está el enlace público http://docs.google.com/Doc?id=dcqv64c3_1hnkw6wcd, intenté lo que me comentaste pero no lo entendí bien, y no lo conseguí.

    Muchísimas gracias por la atención

    ResponderEliminar
  36. Ok AMA. He instalado tu plantilla en un blog de prueba y funciona perfectamente. Quizás la que tienes en tu blog definitivo no es la misma que me has mandado.

    Por tanto, voy a empezar a suponer cosas...

    Dices que la línea de código que se da como referencia para agregar el artilugio, se cierra inmediatamente con /. Si no tienes expandidos los artilugios, es normal, pero una vez que lo expandes, te debería cambiar y además, mostrar todo el código que se indica. La que me has mandado si contiene el artilugio.

    Si una vez comprobado, tienes el NEXTPREV, lo siguiente que has de mirar es si está insertada una línea más que es la que definitivamente hace que funcione. Se trata de
    <b:include name='nextprev'/>

    Esta línea hay que ponerla en otra parte de la plantilla. En concreto y siguiendo la que me has mandado, quedaría así.

    <b:includable id='main' var='top'>
    <div class='content'>
    ...
    </div>
    </div>
    </div>

    <b:include name='nextprev'/>

    </b:includable>
    </b:widget>
    </b:section>

    ResponderEliminar
  37. Hola de nuevo :(, no consigo hacerlo, Oloman tenías razón al expandir artilugios me aarecía el código, lo que me extraña es que aparentemente está todo bien, pero no se ven los comentarios, pienso que puede ser de la plantilla que uso...

    http://btemplates.com/2008/09/17/funkyzine/

    porque le cambié la plantilla, puse una de las que vienen por deecto y si funcionaba...

    Siento ser tan pesado, es que me gustaría conseguirlo :)

    ResponderEliminar
  38. Otra cosa que quería comentar es que he visto, que tu blog aparece en las búsquedas de google con un pequeño índice temático, esto lo genera google, o hay que configurarlo, si es así ¿como se hace?.

    Muchas gracias por tu tiempo.

    Un saludo

    ResponderEliminar
  39. Lo he logrado ver casi de chiripa, Ama.

    En la plantilla que me mandaste todo iba bien, pero acabo de comprobar que en tu blog hay unas clases que son precisamente las que gestionan los enlaces a páginas siguientes/anteriores, que están puestas con la instrucción DISPLAY:NONE; o sea, que están marcadas para que no se vean. Borra la línea DISPLAY en estas tres clases.

    #blog-pager-newer-link {
    display: none;
    }
    #blog-pager-older-link {
    display: none;
    }
    #blog-pager {
    display: none;

    Con respecto a lo del índice, eso lo hace Google, pero no sé cómo. Sé que se puede gestionar desde Herramientas Google para Webmasters. Si quieres probar, regístrate, incluye un código de autentificación según te explican y deja pasar un tiempo. Ese índice ni sale instantáneamente, ni es fijo.

    Como te decía al principio, es totalmente gestionado por Google.

    ResponderEliminar
  40. Muchisimas gracias era eso, eres el mejor!

    Un saludo y gracias de nuevo

    ResponderEliminar
  41. Menos mal que dimos con el problema AMA, pues ya pensaba que no lo sacábamos. Un saludo.

    ResponderEliminar
  42. jejeje Oloman, y has visto como hacer lo de la numeración de páginas, en vez de "entradas antiguas" ?

    ResponderEliminar
  43. Ya veo porque tu nick, Bored ;)

    Me temo que tendrás que esperar. Aquí damos respuesta a (casi) todo lo que nos preguntan pero a veces vamos con calma. Lo tengo en la lista, pero tengo otras tareas y no puedo dedicar a vuestras consultas todo el tiempo que quisiera...

    ResponderEliminar
  44. Hola Bored. Me ha sabido mal hacerte esperar y tengo una sorpresita para tí.

    Lo he probado y funciona perfectamente. Suerte.

    ResponderEliminar
  45. yahooo!
    veamos oloman, veamos el misterioso link

    ResponderEliminar
  46. excelente!
    funcionó de pelos!

    sabes donde encontrar mas "skins" ?
    adios, y muchas gracias!

    ResponderEliminar
  47. No, pero creo que no te debería resultar muy complicado cambiar los fondos, colores, fuentes... para adaptarlos a tu estilo. Simplemente cambia esos parámetros en el CSS que te facilitan: color, border, background, font-style, font-size, font-family, etc.

    ResponderEliminar
  48. Interesante. Te invito a visitar mi Blog www.cuadroclinico.blogspot.com
    Saludos

    ResponderEliminar
  49. Muchas gracias Oloman!
    Lo he utilizado, solo que en vez de texto he añadido unos iconos muy bonitos...XD.
    GRACIAS!

    ResponderEliminar
  50. Sí Aitor, lo vimos en este otro post, pero me alegro que lo hayas descubierto por tí mismo. Saludos.

    ResponderEliminar
  51. hola olomán, ¿cómo puedo hacer para que el texto "leer más" o "sigue leyendo" y "cerrar texto" aparezca como en http://fashionindie.com/, blanco sobre un fondo de color?

    ResponderEliminar
  52. Si no me equivoco, debes tener una clase llamada
    .leermas

    Allí inserta estas dos líneas y listo.
    background:#990000;
    color:#ffffff;

    ResponderEliminar
  53. Saludos Oloman! Tengo una duda, hoy cambie el aspecto de los links para las entradas antiguas, y me quede con ganas de ponerle a las imagenes un efecto similar al que has usado tu, estilo hover cuando le pasas el puntero, algo así, no sé enrealidad que es, y me gustaria saber si es posible agregar ese efecto a las imagenes que he usado, o si solo es posible con texto.

    Aqui dejo la captura: Captura

    Esperare tu respuesta, gracias!

    ResponderEliminar
  54. ¬¬ .... mejor dejo el link de la captura: https://lh5.googleusercontent.com/-zmOY0gXwK5o/Td3Qi0KI2RI/AAAAAAAAAJE/3rnyt7j9Nrs/s640/captura3.PNG

    ResponderEliminar
  55. Para eso tienes que modificar el CSS, creando subclases para blog-pager a:, blog-pager-newer-link a: y blog-pager-older-link a: y los respectivos a:hover y luego añadiendo una imagen fondo (background) distinto para cada una. También hay que incorporar un text-indent negativo grande (por ejemplo -600px) para que el texto no salga.

    Voy a ver si saco tiempo para preparar una entrada sobre esto.

    ResponderEliminar
  56. Gracias, Oloman! Entonces esperare a que lo publiques, porque no he encontrado absolutamente nada acerca de como ponerle un hover a las imagenes YwY

    ResponderEliminar
  57. Hola hace tiempo lo quite, pero ahora quiero agregarlo, en que parte de la plantilla los vuelvo a agregar?

    ResponderEliminar
    Respuestas
    1. No la publiqué precisamente para eso, pero esta entrada te puede servir: Enlaces de navegación desaparecidos

      Eliminar
  58. ¡Hola! Si pudieras echarme una mano te lo agradecería mucho. Intenté cambiar el texto del pie de navegación de mi blog www.lasitakas.blogspot.com siguiendo tus indicaciones y las de ciudad blogger, y me fue bien. Pero más tarde cambié el diseño del blog (usando la misma plantilla) y ya no puedo cambiarlo. No sé qué es lo que hago mal.

    ResponderEliminar
    Respuestas
    1. Hola Katiana. Prueba con este otro tutorial más reciente y si no funciona, con este otro que hace lo mismo pero cambiando el texto por imágenes. Con el segundo podrás cambiar las imágenes por texto si lo deseas.

      Eliminar