Personalizar los links Entradas antiguas, Entradas mas recientes

30 de julio de 2009 665 comentarios ,
Los links del pie de navegación, o sea, esos que dicen Entradas antiguas - Entradas más recientes son de mucha utilidad para el lector pues facilita la navegación dentro del blog, sin embargo no siempre se ven muy atractivos, así que podemos personalizarlos para poner otro texto o sustituirlos con algún ícono.

Entra a Plantilla | Edición de HTML, y busca esto:
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

La parte que está en color rojo es la que muestra el texto Entradas más recientes, puedes eliminarlo y poner cualquier otro texto, o bien, cambiarlo por una imagen, sólo tendrías que sustituir lo que está en rojo por esto:
<img src='URL de la imagen'/>

Ahora buscamos un poco más abajo y encontramos este código:
<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>

Este es el que muestra el link de Entradas antiguas. Haremos lo mismo que en el anterior cambiando lo que está en color rojo.

Y por último encontramos abajo este código:
<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>

Este es el que muestra el texto Página principal, igual se cambia lo que está en rojo por otro texto o imagen.

Aquí les dejo unos íconos que encontré que pueden usar.

icon left home icon right icon
left icon home icon right icon
left icon home icon right icon
previous icon home icon next icon
icon icon icon


665 comentarios en:

" Personalizar los links Entradas antiguas, Entradas mas recientes "

  1. Una pregunta cual es la direccion o como busco la direccion de los ultimos iconos que pusiste(el de las flechas naranjas en forma de circulo)

    ResponderEliminar
  2. Puedes guardar esos íconos en tu computadora y subirlos a alguna parte, sino, dale click derecho y selecciona Copiar la ruta de la imagen.

    Saludos.

    ResponderEliminar
  3. Muy bueno. Lo he implementado en mi blog. Gracias!

    ResponderEliminar
  4. Muy bueno bro... esta noche cuando vuelva de la facu lo voy a cambiar.

    Ya que estamos te pido una opinión. Estoy entre el tercer y último pack ¿cuál me recomiendas?

    Se que el azul combinará mas con el blog, pero me gusta mas el formato del último. Pienso además que puede ser llamativo. ¿que piensas?

    Un abrazo!!!

    ResponderEliminar
  5. Muy buen post, era algo que quería cambiar en mi blog, quedó chévere.
    Ahora necesito eliminar/cambiar lo que dice:
    "Suscribirse a: Entradas (Atom)"

    ResponderEliminar
  6. Hola La vida Linux,

    Me da gusto que te haya servido, sin duda le da un toque personalizado al blog.

    Saludos.

    ResponderEliminar
  7. Tienes razón brother, el último es más atractivo igual a mi gusto, y para que no te compliques la existencia les cambié el color a azul.
    Un abrazo.

    ResponderEliminar
  8. Hola BEYOND,

    En este post está la explicación para eliminarlo o personalizarlo.

    Saludos.

    ResponderEliminar
  9. Jajajajajaja!! GRACIAS!!!

    SOS UN MAESTRO!!!

    Ahora lo cambio.

    Un abrazo!!!

    ResponderEliminar
  10. Hasta a mi me ha gustado más el blue y lo he cambiado... muy bueno!

    ResponderEliminar
  11. Excelente pagina! un abrazo! la verdad q aqui encuentro lo mejor de todos los blog y definitivamente util. De verdad un gran esfuerzo el q haz logrado con su creación :D mucho exito muuuacks

    ResponderEliminar
  12. Qué bueno que les gustó en azul =)

    ResponderEliminar
  13. Hola Flor,

    Muchas gracias por tus comentarios, me da gusto saber que con este blog he podido ayudar a alguien más.

    Saludos =)

    ResponderEliminar
  14. Hola potro. . .mi comentario, no tiene que ver exactamente, con tu post,pero si con un problemita de blogs, ajajjaj
    mira quiero dejarle comentarios en el blog de Música Jpz, que tu también sigues, lo he intentado muchas veces, y me quedo, porque no se ve la casilla para verificar, no se si es problema mio, o de la página mismo. . . es una pena, pues es muy buen blog, digno de ser comentado .. . . . .
    me ayudas, a arreglarlo????

    ResponderEliminar
  15. Hola Anne,

    Al parecer es un problema con su plantilla, lo que puedes hacer en lo que se soluciona es que cuando aparezca el recuadro para agregar la palabra de verificación presiones la tecla TAB (es la de flechitas que está arriba de BLOQ. MAYUS) y bajará el recuadro y podrás escribir la palabra de verificación sin ningún problema.

    Saludos.

    ResponderEliminar
  16. Hola! Tengo un problema. Borré ese código porque había puesto la paginación en blogger, pero ahora tampoco sale la paginación :S

    ¿Que hago?

    ResponderEliminar
  17. Hola Chaantii,

    Entra a Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca este código:

    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
    <b:includable id='nextprev'>
    <div class='blog-pager' id='blog-pager'>

    Y pega debajo el código que se explica en este post y con eso tendrás de nuevo los links de navegación.

    Saludos.

    ResponderEliminar
  18. Los tres, así seguido como está en el post, sólo omite el que dice: <img src='URL de la imagen'/>

    ResponderEliminar
  19. Ya lo he hecho, ahora el problema es que tengo los post de las etiquetas expandibles, y se ve asi:

    http://i28.tinypic.com/zo70gg.jpg

    Hay alguna forma de ponerlo ordenado?

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

    ResponderEliminar
  21. Espera, no entiendo. ¿Antes del código? He puesto los 3 :S

    ¿Donde lo pongo exactamente?

    Soy nueva en esto :S

    ResponderEliminar
  22. Ahora si, ya lo he puesto, pero sigue desordenado :S

    ResponderEliminar
  23. Ok, entonces ahí en Diseño > Edición de HTML haz click en Descargar plantilla completa. Se guardará en tu equipo, adjúntala en un correo y mándamela para verla.

    Saludos.

    ResponderEliminar
  24. Hola me gusto mucho tu blog me audo mucho el post tengo 2 blog en 1 me funciono perfecto sin ningun probblema , pero en el 2 blog tengo un problema y es el siguiente :

    no se ve entradas resientes ni home ni entradas antiguas


    simplemente no sale en el blog no se que hacer

    si me pudieras ayudar con eso te lo agradeceria mucho

    ResponderEliminar
  25. Hola ╚╬╬►÷[--†█▓-«TheTrueFucker™»▓█†--]÷◄╬╬╝™

    Entra a Diseño > Edición de HTML y busca este código:

    #blog-pager-newer-link {
    float: left;
    display:none;
    }
    #blog-pager-older-link {
    float: right;
    display:none;
    }
    #blog-pager {
    text-align: center;
    display:none;
    }

    Sólo elimina los tres display:none; que hay, esos son los que no permiten que se muestren esos links.

    Saludos.

    ResponderEliminar
  26. Man eres un maestro gracias me ayudaste un monton =D seguire visitando tu blog de todos los que visite tu fuiste el unico que me ayudo muchas gracias

    ResponderEliminar
  27. Me alegra haberte podido ayudar =)
    Saludos.

    ResponderEliminar
  28. Cómo puedo centrar las tres imágenes? Porque se me incrustran en el ancho de los posts y no del blog. Gracias

    ResponderEliminar
  29. Hola Tomás Élé,

    Eso es porque los links de navegación van debajo de los post, por eso se centran a lo ancho del post.

    Saludos.

    ResponderEliminar
  30. hola potro, una pregunta:

    sabes como hacer lo mismo pero en ves de las flechas con numeros?

    ResponderEliminar
  31. Hola HP muggle,

    Se requiere hacer otros cambios, luego hago un post al respecto.

    Saludos.

    ResponderEliminar
  32. Hola el blog esta buenisimo!
    muy buenos los trucos y faciles de aplicar :)

    ResponderEliminar
  33. Hola Lutien,

    Muchas gracias por tus comentarios.
    Saludos.

    ResponderEliminar
  34. Hola Pornoteca,

    Gracias a ti por tu visita.
    Saludos.

    ResponderEliminar
  35. uh muy bueno hace tiempo tenia en la cabeza como hacerlo como soy un aficionado pues no lo sabia buen tuto esta web es la hostia!

    Pd: la imgaenes me las he echo yo mira http:joel-design.blogspot.com

    tambien he echo eso del favicon XD

    ResponderEliminar
  36. Hola Joel,

    Te quedó muy buena la imagen, el favicon no lo he podido ver, veo que lo subiste en Google Sites pero la página de ahí la tienes privada por lo tanto los archivos que subes sólo tú los puedes ver, para que el favicon se pueda ver necesitas hacer la página de Google Sites pública o alojarlo en otro servidor.

    Saludos.

    ResponderEliminar
  37. Gracias Potro ya lo estoy colocando en mis blogs, por el momento al de curiosidades pero ya estare colocando a los demás gracias

    ResponderEliminar
  38. Hola, viejo! ¿cómo puedo hacer para que, en vez de un texto o imagen, aparezca el título de la entrada siguiente / anterior? Gracias!

    ResponderEliminar
  39. Hola lavidalinux,

    Es el mismo procedimiento, sólo cambia lo que está en color rojo por el texto que quieras.
    Saludos!

    ResponderEliminar
  40. Pero se supone que eso se debe hacer automáticamente, o sea, a travéz de un código. Es apara todas las entradas, no para una en particular.

    ResponderEliminar
  41. se pueden poner numeros en vez de imagenes o no expliquenme por favor

    ResponderEliminar
  42. Hola manu6666,

    Esa se llama paginación, te dejo un enlace donde explican cómo hacerlo:
    http://www.vidablogger.com.ar/2009/05/paginacion-en-blogger.html

    Saludos.

    ResponderEliminar
  43. oye potro me sale algo de siguiente y no numeros se podra o no pero igual gracias habia intentado pero no podia gracias por todo.

    ResponderEliminar
  44. El enlace que te dejé es de VidaBlogger, pregunta a ellos sobre ese truco, yo no lo he probado.

    Saludos.

    ResponderEliminar
  45. ola potro grax por el buen post que escribiste me ayudaste a rediseñar a mi manera la genial plantilla que hiciste

    ResponderEliminar
  46. Ya acabo de ver los cambios =)
    Saludos.

    ResponderEliminar
  47. encuentro esto b:if cond='data:newerPageUrl' pero no sigue de spam ..... me resulta imposible encontrarlo algun consejo???

    ResponderEliminar
  48. Lo que importa es que localices lo que está en color rojo, esa es la parte que debes encontrar para modificar.

    Saludos.

    ResponderEliminar
  49. Hola maestro, gracias a la respuesta del comentario 27 he podido solucionar mi problema con los link de las entradas antiguas.

    Un saludo y gracias tío.

    ResponderEliminar
  50. Qué gusto que hayas encontrado aquí la solución.
    Un saludo!

    ResponderEliminar
  51. Hoola potro, yo de nuevo, quisiera saber cual es el codigo para paginar en blogger,asi como lo has hecho tu,lo puedes compartir? Espero y me ayudes :)

    ResponderEliminar
  52. Hola Borest,

    Te dejo el enlace donde JMiur tiene una explicación sobre el tema:
    http://vagabundia.blogspot.com/2008/08/paginacin-en-blogger.html

    Saludos.

    ResponderEliminar
  53. Muchas gracias,el problema es que ya habia intentado con ese codigo y al parecer seguia igual,hay alguna condicion para que se pagine? Osea como tener muchas entradas,o algo asi? talves esa sea la razon por la que no se puede,de todos modos,gracias por la ayuda,eres uno de los pocos que ayudan de verdad.Saludos.

    ResponderEliminar
  54. Supongo que debe ser por tu plantilla, recuerdo que alguna vez igual quise poner la paginación en otro blog y no pude, pero igual era porque la plantilla estaba muy alejada de las plantillas clásicas de Blogger.

    Saludos.

    ResponderEliminar
  55. um, bueno supongo que es por eso,pero gracias por el aporte.

    ResponderEliminar
  56. Hola potro,busque haber si estaba el tema en el blog,pero al parecer ahun no,mira tengo otro problemilla,bien cuando entras a un blog ejemplo,Borest en la barra de titulo del explorador aparece el nombre del blog(Borest) y ya que digamos te metes a una entrada, por decir ( ENTRADA DE EJEMPLO) se ve la barradel explorador asi Borest|Entrada de ejemplo o viceversa,como en tu caso,el problema es que en mi blog aparece Borest y en ves de dividirlo por un (|) lo divide por dos puntos (:) quiciera ver como puedo cambiar esos : por el (|) me puedes ayudar? Saludos.

    ResponderEliminar
  57. Hola Borest,

    Te dejo enlace para que además de poder poner ese símbolo se optimicen tus títulos para las búsquedas:

    Optimizar los títulos de las entradas

    Saludos.

    ResponderEliminar
  58. muchisimas gracias,comoo siempre,justo lo que nesecitaba,perdon por mi mala ortografia,tengo como 3 años sin practicar jejeje.Saludos

    ResponderEliminar
  59. Muy bueno! Me quedó mucho mejor que con letras. Gracias!!

    ResponderEliminar
  60. La mayoría prefiere las imágenes, son más atractivas ;)

    ResponderEliminar
  61. Hola. Una pregunta. Es posible cambiar los enlaces de entradas antiguas y recientes, de ubicacion? lo digo porque en lo personal siempre he pensado que estan al revés. Me gustaria que el enlace para entradas antiguas, estuviese en la izquierda, y el de entradas nuevas en la derecha. Gracias por tu respuesta. Saludos

    ResponderEliminar
  62. Claro, busca en tu plantilla este código:

    #blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float: right;
    }

    Cambia donde dice left pot right y donde dice right por left.

    Saludos!

    ResponderEliminar
  63. Hola El Potro. Quisiera saber si me podrías ayudar. Ando buscando hace bastante tiempo un alojador de videos y sonidos y que luego te dejen descargarlos de ahí gratis.
    También quería saber cómo se pone como tiene al final tu plantilla: Ciudad Blogger. Copyright 2008.....
    Espero tu respuesta.

    ResponderEliminar
  64. Hola Sumer,

    En este post hay uno muy bueno que acepta todo tipo de archivos.
    El texto de los créditos se pone en el área del footer de tu plantilla.

    Saludos.

    ResponderEliminar
  65. Hola Potro!!
    Hace tiempo seguí todos tus pasos pasa poder cambiar lo de entradas siguientes por imagenes y me funciono todo perfectamente, pero me acabo de dar cuenta que han desaparecido las imagenes y el texto también no puedo ir a los posts siguientes
    ayuda por favor!!!!

    ResponderEliminar
  66. Una cosa me acabo de dar cuenta que en tu blog tampoco aparecen.

    ResponderEliminar
  67. Hola El Que Controla Tu Mano,

    Si te fijas entre el espacio del primer post y el gadget de archivos se alcanza a ver la imagen de Entradas antiguas.
    Curiosamente hace cinco minutos vi que en mi blog de Respondones... ¡PASA LO MISMO! Y no tengo idea de qué haya sido, ahora estoy igual batallando con los códigos para ver cómo se arregla pero no he dado con la solución.

    Ignoro por qué se habrán subido esos enlaces, yo en particular no moví nada ¿recuerdas si tú hiciste algo antes de que pasara eso?

    ResponderEliminar
  68. Hola Potro!!!
    Pues yo no e tocado nada ultimamente, no se que estará pasando pero es muy raro que nos pase a los dos lo mismo voy a ver otros blogs haber si les ocurre lo mismo pero no se....

    ResponderEliminar
  69. Supongo que habrá que reinstalar la plantilla para que se arregle, al menos yo haré eso :S

    ResponderEliminar
  70. Que quieres decir? Tener que volver a ponerlo todo :-(

    ResponderEliminar
  71. En mi caso sí, pues no veo otra solución ya que no he hecho ningún cambio a la plantilla.
    De cualquier modo lo haré después, ahora no tengo tiempo de hacer todos los cambios.

    Saludos.

    ResponderEliminar
  72. Hola Potro, mira yo tengo un problema con el Siguiente y Anterior, pues antes funcionaban correctamemente, pero hace unos dias note que se cambiaron de posicion, quedaron justo detras de la primera entrada de mi blog, apenas se alcanza a ver 2 letras que salen de ahi, y pues quisiera saber como hago para que vuelvan a estar en su lugar, que era en la parte derecha de abajo de la ultima entrada, habra que quitar el codigo de arriba y volver a agregarlo? o cambiar un codigo? Saludos.
    Mi blog:
    www.borest.net

    ResponderEliminar
  73. Hola Borest,

    Si lees los últimos comentarios notarás que a alguien más y a mí nos ha pasado lo mismo; hasta ahora no sabemos por qué razón ha sucedido eso. Yo he intentado tratar de arreglar el problema cambiando de lugar los códigos y no he tenido resultados.
    Supongo que debió tratarse de un error de Blogger, no lo sé.
    Si tengo noticias te lo comunico por este medio.

    Saludos.

    ResponderEliminar
  74. Ah, si eso fue lo que note, bueno ya me estaba matando porque pense que habia hecho algo, pero ojala y sepas que fue lo que ocaciono eso.Saludos.

    ResponderEliminar
  75. Hola yo tengo el mismo problema, el link de Entradas antiguas se alcanza a ver entre el tercer post y uno de los gadget, pasare luego a ver si alguno de ustedes consigue una solucion, gracias de antemano

    ResponderEliminar
  76. Hasta ahora no hay noticias de a qué se deba y/o cómo solucionarse.
    Saludos.

    ResponderEliminar
  77. MEN TENGO UNA DUDA ES QUE YO CADA VEZ QUE LE DOY CLICK A ENTRADAS ANTIGUAS, ME SALEN LAS MISMAS IMAGENES DE LA PRIMERA PAGINA PUES, Y ME SALEN TODAS LAS IMAGENES FEAS GRANDE ASI, NO MANTIENE EL MARGEN DE LA PAGINA PRINCIPAL ME DICES POR QUE?

    ResponderEliminar
  78. Supongo que es por tu plantilla, aunque el método que tú usas es el de Paginación que es una alteración de los enlaces que menciono en este post.
    La Paginación no funciona muy bien en la mayoría de los blogs, aunado a eso tu plantilla podría tener problemas con los códigos y la forma que resume las entradas.

    Saludos.

    ResponderEliminar
  79. disculpa que te moleste pero por casualidad sabes como solucionarlo? quisiera tener el margen de las imagenes en la pagina principal y cuando le den a entradas antiguas o a pagina anterior lo que sea, salgan las entradas antiguas con el mismo tamaño de imagenes y que no salga todo raro, me explicas eso? tienes algun tutorial algo que se pueda hacer? este es mi blog www.altamiramusic-ve.blogspot.com porfavor ayudamee me voy a volver locoo !

    ResponderEliminar
  80. me gusta mucho esa plantilla es arthemia la e modificado y no la quiero cambiar porfavor ayudame a solucionar ese problema, mira otra prenguta nose si podrias decirme por que escribo mi post separado. por decir pongo la imagen de lado izquierdo y cuando escribo el texto ejemplo :

    buenas tardes.
    como estan

    cuando lo publico sale asi mira

    buenas tardes. como estan

    todo pegado!

    e visto tu pagina y tienes muchos tutoriales
    por eso quise preguntarte
    espero que me puedas ayudar con mi problema

    Saludos!

    ResponderEliminar
  81. Pues lo mejor sería quitar la Paginación y luego ponerla de nuevo, en sí nada más tienes ese problema con la página #2, con las demás se ve todo bien.
    Si no se arregla podrías intentar con esta opción.
    Por supuesto que primero haz un respaldo de tu plantilla antes de hacer cualquier otra cosa.

    Saludos.

    ResponderEliminar
  82. Hola ya consegui solucion, si no hay inconveniente les dejo el link Gracias

    http://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html#comments

    ResponderEliminar
  83. el problema es con todas las paginas anteriores de blogger sea la pagina #2,3,4.. cual sea ! todo se repite y se pierde el margen de las imagenes.. bueno gracias amigo vere que hago!

    ResponderEliminar
  84. ♥...Mo...♥, muchas gracias, ya en otra entrada igual nos mencionaron la solución que por cierto es 100% efectiva. Gracias por compartirlo.

    sixto76, insisto que lo mejor será que elimines la paginación y lo dejes en su forma natural.

    ResponderEliminar
  85. si elimino la paginacion las imagenes salieran en la pagina principal con su tamaño normal cierto?

    ResponderEliminar
  86. disculpa la insistencia no hay alguna manera de poner el mismo margen de la pagina principal a las paginas anteriores nose algo asi? porfavor ayudaa!

    potro si no hay manera de hacerlo, queria saber otra cosa..

    para dejar el tema hasta aqui !

    por casualidad hay manera de solucionar el problema del texto que escribo en mis post?

    que en los post yo escribo

    hola como estan.
    ehm, miren mi blog.

    y cuando lo publico dice ..

    hola como estan.ehm,miren mi blog casi todo pegado
    no hay manera de solucionar eso tampoco?

    ResponderEliminar
  87. La paginación no afecta en que se vean resumidos los posts, eso lo hace el Leer más, la paginación lo único que hace es crear páginas sustituyendo los enlaces de Entradas antiguas...
    Lo del espacio que mencionas entra en Configuración > Formato > Convertir saltos de línea y selecciona SÍ.

    Saludos.

    ResponderEliminar
  88. men la ultima pregunta ahora si para irme y dejarte en paz xD "que ladilla soy" te queria preguntar si sabes donde puedo conseguir un tutorial para crear páginas sustituyendo los enlaces de Entradas antiguas, como tu mismo lo dijistes..

    lo de Configuracion > Formato > Convertir salto de linea y seleccionar si, lo tenia en "Si" y sige pasando lo mismo creo que es mi plantilla ya vere si puedo solucionarlo..
    solo quiero saber si me puedes ayudar con lo de entradas antiguas si tienes algun post o algo? porfavor!

    ResponderEliminar
  89. Disculpa la molestia eres mi unica salvacion, Saludos..

    ResponderEliminar
  90. No tengo un tutorial sobre paginación debido a lo que ya te he dicho, no funciona bien en la mayoría de las plantillas.

    Creo que si sigues continuando con muchas fallas tendrás que considerar seriamente cambiar de plantilla, por mucho que te guste, una plantilla que no es funcional es difícil personalizarla.

    Saludos.

    ResponderEliminar
  91. Gracias. Sólo se me ocurre decirte eso porque he alucinado con tu genrosidad y la cantidad de posibilidades que ofreces.
    No tengo preguntas porque intentaré apañármelas buscando antes entre tus múltiples posts.
    Te dejo la dirección de mi blog por si quieres darte uan vuelta:
    http://sofiaserragiraldez.blogspot.com

    Tengo varios poemarios escritos, varios años en ello, hago fotgrafía, soy ama de casa, creo en el arte, en el compartir, etc, y hoy por fin he decidido no pelear más por su publicación en papel, así que me planteo subirlos como es debido, cada uno en su blog, página por poema, que quien quiera los copie, me da igual, para eso hago poesía...en fin meses de más trabajo, pero bueno, con un blog como este tuyo sé que me resultará menos complicado...
    Hoy me quedo con los iconitos de las páginas, a ver si consigo copiarlos, ;)
    Gracias de nuevo
    Un saludo muy agradecido, y hasta emocionado

    ResponderEliminar
  92. Hola Sofía Serra Giráldez,

    Qué gusto leer tu comentario y que deseas compartir todo tu talento, además así el mundo podrá conocer tus obras ¿no?
    Ya he leído un par de tus poemas y tienes un enorme talento para expresar tus pensamientos.

    Te deseo todo el éxito del mundo y felicidades por empezar con este nuevo proyecto!

    Un saludo!

    ResponderEliminar
  93. exelente post,gracias por compartirlo, ahora mi duda seria , los iconos estan muy juntos entre si, como los separo? tenes idea?

    ResponderEliminar
  94. Puedes intentar con lo siguiente, busca este código:

    #blog-pager-newer-link {
    float: left;
    padding-left:30px;
    }
    #blog-pager-older-link {
    float: right;
    padding-right:30px;
    }
    #blog-pager {
    text-align: center;
    }

    Con eso quizá puedas controlar un poco la separación.

    ResponderEliminar
  95. gracias por responder, sabes que no resulto, lo tenia en 20px, lo cambie a 30px , aun asi no se modifico, estan los 3 iconos muy juntos... de todas maneras te agradezco.

    ResponderEliminar
  96. aqui podes ver como quedan..
    http://ridany-ediciondigital.blogspot.com

    ResponderEliminar
  97. Pero algo anda mal ahí, cuando estás en una entrada verás que arriba del formulario de los comentarios aparecen los íconos con la separación que debe ser, pero hasta abajo aparecen de nuevo con la separación que mencionas.
    No sé qué modificación hayas hecho para que se duplicaran esos enlaces, pero sólo deberían aparecer una sola vez.

    ResponderEliminar
  98. recien me doy cuenta lo q mencionas, no habia visto ese detalle, los de arriba del formulario estan ok... ahora vere como soluciono los q salen abajo.... gracias por tu tiempo, estare mas seguido por tu blog.. saludos

    ResponderEliminar
  99. Ojalá lo soluciones pronto y eres bienvenido aquí las veces que quieras.
    Saludos!

    ResponderEliminar
  100. hola estoy construyendo una pagina para mi emprendimiento, eh sacado muchas ideas de aqui, de las cuales te agradezco muchisimo, pero tengo un pequeño inconveniente en cuanto a la colocacion de estos botones, me quedan muy separados entre si no logro que quede dentro del marco de la plantilla, mi pregunta es Hay alguna forma de conseguir esto?

    Desde ya muchas gracias!

    ResponderEliminar
  101. Busca esta parte en tu plantilla y agrega lo que está en negrita:

    #blog-pager-newer-link {
    float: left;
    margin-left:60px;
    }
    #blog-pager-older-link {
    float: right;
    margin-right:60px;
    }

    Saludos.

    ResponderEliminar
  102. hola muy buen blog, y pz me podrias ayudar es q al colocar la imagen me sale pero con un borde y mi pregunta es como se le puede hacer para que no se vea el borde espero me puedas ayudar gracias

    ResponderEliminar
  103. Hola Ska Latino,

    Después de la URL de la imagen deja un espacio y agrega esto border="0" para eliminar el borde de esa imagen.

    Saludos.

    ResponderEliminar
  104. Olaz portro ? oe men mira sera qe me puedes agregar a mi msn es qe tengo una duda con mi blog xfa

    mc.edixonjc@hotmail.com

    ResponderEliminar
  105. Lo siento YaraUrbano, todas las consultas se hacen en el blog y en el formulario de contacto, pero este último sólo en caso de que el tema no se encuentre publicado en el blog.

    Saludos.

    ResponderEliminar
  106. Ok te digo ? sabes yo tengo la misma plantilla qe tu y le coloco el codigo de Personalizar los links Entradas antiguas, ETC, me agarra y todo pero veo el blog no me sale las images de siguiente, pagina principal y anterior

    ResponderEliminar
  107. Hola YaraUrbano,

    En el comentario #28 están los pasos a seguir para que aparezcan esos links.

    Saludos.

    ResponderEliminar
  108. oe amigo ya le qite lo qe dice en el comentario #28.. y le coloqe el codigo y sigue igual no se ven

    ResponderEliminar
  109. Ummmm ¿no los estará tapando el chat que tienes en la parte de abajo?
    Quitalo un momento para ver si aparecen.

    ResponderEliminar
  110. Ummm, prueba esto entonces:
    Debajo de #blog-pager { pega esto:
    clear:both;

    Si no se arregla con eso entonces no sé qué más pueda ser. Ya debería aparecer a menos que hayas modificado algo en la plantilla y que haya afectado esos links.

    ResponderEliminar
  111. Hola Potro, tengo un pequeño problema con mi plantilla. He tratado de personalizar mis links, pero no aparecen en mi plantilla original(ENTRADAS ANTIGUAS, ENTRADAS RECIENTES). Traté de agregar los códigos, tal como lo mencionaste en el comentario 17, pero tampoco aparecen. También trate de eliminar el código que dices en el comentario 28, pero éste (código) no está.
    He tratado de colocar la paginación en mi blog, creyendo que sería más fácil, comentario 48(lo gracioso es que tengo la misma plantilla de vidablogger.com y no funciona), y también he visitado Vagabundia pero no pasa nada. Espero que me ayudes a solucionar este problema. Como ves, he estado buscando por todos lados y no obtengo respuesta alguna. Si no fuera mucho pedir, te podría enviar la plantilla para que la revises.
    Gracias.

    ResponderEliminar
  112. Lo del comentario #17 nada más es cuando en la plantilla no están los códigos que menciono.
    Intenta con esto, busca esta línea y agrega lo que está en negrita:

    #blog-pager {
    clear:both;

    Saludos.

    ResponderEliminar
  113. ok Potro.
    La línea que tengo queda asi:

    #blog-pager {text-align: center;}
    clear:both;

    y ¿Debo agregar o cambiar algo?, porque la verdad no veo ningún cambio.
    Gracias

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

    ResponderEliminar
  115. ok Potro, te mando la plantilla original para que la revises. De nuevo muchas gracias por tu interes. Espero que en lo posible puedas resolver el problema con mi plantilla. En verdad que este sitio es el mejor de todos.
    Bye.

    ResponderEliminar
  116. ¡¡mil gracias, potro!!, me funcionó también en éste nuevo con la scribe, aunque a lo mejor me animo y cambio las letras por unas imágenes, la portada en pequeñito o algo así, para un lado y otro, ya veremos, pero por ahora ha quedado ya bien así... no sé que haría sin ti.
    :)
    Un beso enorme

    ResponderEliminar
  117. ¡Execlente! Me alegro que te haya funcionando :)
    ¡Besos!

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

    ResponderEliminar
  119. Hola
    No me aparece lo de siguiente, pagina principal, anterior en la platilla y he quitado el dispay:none de aquí
    #blog-pager-newer-link {
    #blog-pager-older-link {
    #blog-pager {

    Solo se ve en internet explorer en google chrone y firefox no se ve. Y tu página siendo la misma plantilla se me ve en todos los navegadores eso de siguiente, página principal y anterior.

    ¿qué puede ser? hago la prueba más veces en otros blog de prueba y sigue sin salir :( Espero que sepas el por qué... y que puedo hacer en la plantilla.
    Muchas gracias, saludos

    ResponderEliminar
  120. Hola MN,

    Haz lo que se indica en el comentario #125, con eso debe solucionarse.

    Saludos.

    ResponderEliminar
  121. Hola Potro! necesito saber como puedo ordenar esto :

    - Centrar de la forma de la imagen por ejemplo donde dice : ANTERIOR - PAGINA PRINCIPAL - SIGUIENTE

    ( http://img690.imageshack.us/img690/9131/entradas.png )
    ( http://img405.imageshack.us/img405/4749/entradas2.png )


    - Tambien centrar esto :

    ( http://img689.imageshack.us/img689/7644/compartir.png )
    ( http://img690.imageshack.us/img690/2631/compartir02.png )

    ResponderEliminar
  122. Hola,

    Los links de navegación deberían de estar centrados respecto al ancho de las entradas, a menos que hayas tocado alguna parte del código.

    Para centrar los marcadores sociales encierra el código de los marcadores entre <center> y </center>

    Saludos.

    ResponderEliminar
  123. Gracias Potro! ya centre los marcadores sociales! pero aun no centro los links de navegación, si me podras decir como aumento el ancho de mis entradas para arreglar eso! gracias!!!!!!

    ResponderEliminar
  124. creo que ya lo solucioné!

    #main-wrapper {

    float: left;
    width: 720px; (aumente de 200px a 720 px)
    margin: 0;
    padding: 0;

    Gracias Potro por toda la ayuda que brindas!

    ResponderEliminar
  125. Sí, justo ahí se modifica. Qué bueno que ya lo has solucionado :D

    ResponderEliminar
  126. Potro! tengo un problema la barra lateral derecha! no tiene un fondo predeterminado como el de las entradas, al parecer tiene el mismo color que el fondo que puedo hacer para ponerle un color como por ejemplo necesito que sea blanco solo la barra latertal. Mira asi :

    ( http://img696.imageshack.us/img696/4253/blanco.png ) original

    (http://img197.imageshack.us/img197/7405/blanco2y.png ) asi deseo



    GRacias

    ResponderEliminar
  127. Busca esta línea:
    .sidebarleft .widget, .sidebarright .widget{

    Debajo de ella pega esto:
    background:#fff;
    border:1px solid #dbe1e6;

    Saludos.

    ResponderEliminar
  128. Fantástico Potro! eres un mago! gracias por toda la ayuda! saludos!!!

    ResponderEliminar
  129. hola!!
    es la primera ves que pasoo por aqui!
    y bueno te queria pedir ayuda, descarge una plantilla, pero en ella no me aparece nada de "entras antiguas" "entradas recientes", aveses aparecen pero arriba, no abajo como debe ser
    GRACIAS

    ResponderEliminar
  130. Hola 555aron,

    Bienvenido a Ciudad Blogger!
    Sigue los pasos del comentario #28 y #125

    Saludos.

    ResponderEliminar
  131. Olaz men !! oe men hago todo lo qe dice el post y la parte del comentario #28 y #125.. y me sale pero cuando le doy me envia a la ultima pagina .. me ayudas

    ResponderEliminar
  132. En los dos blogs donde tienes los links de navegación los veo funcionando sin problemas.

    ResponderEliminar
  133. Hola, muy buenas.
    tengo una duda que posiblemente ya la allan comentado, no lo se.
    yo deseo eliminar esto de entradas antiguas, que al abrir el blog se muestren todas y cada una de las entradas montadas al blog desde su inicio.
    e modificado fechas, e seleccionado una opcion que menciona: mostrar:500 entradas y otra 500 dias. y nada.
    si alguien me puede ayudar se lo agradecere.

    ResponderEliminar
  134. Hola Gabriel Maiorano,

    Así como lo has hecho es la forma correcta y debería funcionar pero lamentablemente desde hace un par de meses Blogger está teniendo problemas con el número de entradas que se muestran en la página principal por lo que en muchos blogs el número de entradas que se configura no es el que se muestra en la página principal.
    Blogger sabe de este problema y están trabajando en ello.

    Saludos.

    ResponderEliminar
  135. Olaz men !! no pz men me envia para la ultima pagina .. el blog se llama Flowalgarete

    ResponderEliminar
  136. Sólo tienes dos páginas, en la primera tienes la mitad de las entradas, la otra mitad de las entradas está en la otra página, o sea la última, por lo tanto como te dije funciona sin problemas.

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

    ResponderEliminar
  138. hola amigo esta super informativa tu pagina y muy buenos tutoriales, a mi me gusto este y me gustaria mucho si pudieras ayudarme, segui todos los pasos y coloque mis imagenes y todo pero al hacer vista previa no me sale la flecha de entradas recientes y y guarde la plantilla pensando que podria aparecer no paso nada lo unico que me aparecio es home y entradas antiguas, que estare haciendo mal ayudame porfis , gracias



    PD: intente colocar el codigo para que lo vieras pero me dava error lo unico que puedo decir que uso esta plantilla no se si servira de algo, help

    http://btemplates.com/2009/blogger-template-naruto-vs-sasuke/

    ResponderEliminar
  139. Hola Ceres,

    Si estás en la portada del blog no verás el link de Entradas recientes, pues las entradas más recientes se encuentran en la portada. Cuando entras a una entrada individual o estás en el de Entradas antiguas verás que ahí sí aparece el de Entradas recientes.

    ResponderEliminar
  140. hola potro gracias por responderme y te felicito por la pagina esta muy buena, ahora si se ve las imagenes , tenias razon muchas gracias por tu ayuda , saludos

    ResponderEliminar
  141. Gracias a ti por tu vista, saludos.

    ResponderEliminar
  142. Hola tengo un poblemilla, no me aparece lo de las entradas antiguas ni recientes.

    http://gana-dinero-en-tu-pc.blogspot.com/

    La plantilla es parecida o igual a la tuya, habe si me puedes ayudar

    un saludo

    ResponderEliminar
  143. Gracias!! ya se soluciono!!!

    Te hare algunos clicks en la publicidad de adsense de agradecimiento. xD

    Un saludo

    ResponderEliminar
  144. Gracias, con un click es más que suficiente ;)
    Saludos.

    ResponderEliminar
  145. Gracias, ya lo apliqué y quedó bárbaro.

    ResponderEliminar
  146. Hola Potro, una pregunta, donde van los códigos, es decir, abajo de /head, encima de /body...
    Esque el otro día los borré y ahora no se donde se tienen que poner.

    ResponderEliminar
  147. Debajo de esto (con los artilugios expandidos):

    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
    <b:includable id='nextprev'>
    <div class='blog-pager' id='blog-pager'>

    ResponderEliminar
  148. Hola Potro, lo primero de todo, muchas gracias por tu ayuda, pero esto es más complicado de lo qu eme pensaba, he añadido el código que había borrado pero no funciona lo de entradas antiguas.
    Este es el código que tengo con eso borrado:
    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
    <b:includable id='nextprev'>
    <div class='clear'/>
    </b:includable>

    Y así está cuando pongo el código donde tu me dices:
    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
    <b:includable id='nextprev'>
    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
    </span>
    </b:if>
    <div class='clear'/>
    </b:includable>


    Pero aún y al poner el código no se ve, no se por que será, si hay otro código que omite la función o algún fallo en el CSS.
    Saludos

    ResponderEliminar
  149. Bien, además de ese que pusiste deben estar los tres, uno es de las entradas recientes, otro de las antiguas y otro más de la página de inicio.
    Además revisa que antes de:
    <!-- feed links -->
    <b:include name='feedLinks'/>

    Tengas esto:
    <!-- navigation -->
    <b:include name='nextprev'/>

    Si con eso tampoco se ven mira el comentario #28, quizá también sea tu caso.

    Saludos.

    ResponderEliminar
  150. Funciona muy bien, pero aún se ve un rectángulo de color que enmarcaba antes las frases Entradas antiguas, nuevas, etc. Cómo borro ese rectángulo y sólo dejo las imágenes?

    ResponderEliminar
  151. Lo tengo todo bien, lo unico que me falta para que aparezca son los códigos de entradas antiguas recientes y home, pero no se donde van colocados, me refiero a los que hay al principio de la entrada.
    Siento hacerte trabajar tanto.
    Saludos

    ResponderEliminar
  152. Norberto Briones, no veo que tengas imágenes ahí, sólo texto :s

    Héctor, esos códigos van justo debajo de donde te dije en el comentario #161

    ResponderEliminar
  153. Ahora si las puse Potro, notas que se conserva el recuadro de color bajo las imágenes... hice tres imágenes, dice Inicio, siguiente, anterior. Pero aún está el recuadro que envolvía antes el "Entradas antiguas", etc.

    ResponderEliminar
  154. Sólo busca esta parte y elimina lo que está en negrita:

    #blog-pager a {
    background:#6A0E1D;

    Saludos.

    ResponderEliminar
  155. Hola Potro, muchísimas gracias, por fin lo he podido solucionar, que bien. El único problema es que al dar clic en entradas antiguas, estando en la página con las entradas antiguas, abajo del todo están juntas las entradas más recientes y el home.
    Intentaré solucionarlo en el CSS.
    Y, por cierto, ya tienes sitio en la red de blogs de Tutoriales Hector ;)
    Alomejor no te aporta muchas visitas pero algo hará.

    Saludos, y gracias de nuevo.

    ResponderEliminar
  156. ¿Me das permiso para poner este artículo en mi blog?
    Te citaré en todo momento en el post. Cuando lo acabe te lo enseño y a ver que te parece.

    ResponderEliminar
  157. Por cierto, lo que te digo en elk comentario 169, referente a el problema de que se ven juntos los enlaces, no he podido solucionarlo, ¿tienes idea de como poderlo poner bien?

    ResponderEliminar
  158. Hola Hector,

    Con margin-left y margin-right se soluciona. El artículo puedes ponerlo siempre y cuando cites la fuente :)

    Saludos.

    ResponderEliminar
  159. Hola Potro, ya he publicado el post: http://tutoshector.blogspot.com/2010/07/personalizar-los-links-de-navegacion.html
    ¿Qué te parece?
    Por cierto, ¿dónde pongo las etiquetas de margin-left y margin-right?

    ResponderEliminar
  160. Pues depende de dónde lo quieras separar, si están pegados los tres sería así:

    #blog-pager-newer-link {
    float: left;
    margin-right:100px;
    }
    #blog-pager-older-link {
    float: right;
    margin-left:100px;
    }

    ¡Saludos!

    ResponderEliminar
  161. Ya está todo solucionado, muchas gracias por todo Potro.
    Saludos.

    ResponderEliminar
  162. Olle amigo no tienes una forma de cambiar que la imagen de principal me lleve a otro URL ??

    ResponderEliminar
  163. En la parte del código que corresponde para esa área cambia esta parte:
    a class='home-link' expr:href='data:blog.homepageUrl'

    Por esta otra:
    a class='home-link' href='URL del enlace'

    ResponderEliminar
  164. oyee una duda con respecto a eso..
    no se puede poner envez de "entradas antiguas" y entradas recientes.. numeros?
    asi como un tipo menu que diga

    Primera Anterior 1234567 Siguiente Ultima
    algo asixD

    ResponderEliminar
  165. Eso es paginación, yo no tengo una entrada sobre eso porque en la mayoría de las plantillas no funciona, pero seguro podrás encontrar en Google algún tutorial sobre ello.

    ResponderEliminar
  166. Hola otra vez Potro, tengo esta misma plantilla pero no me sale este truco, ¿que hago mal?
    http://infomedicinas.blogspot.com

    gracias

    ResponderEliminar
  167. Es que tienes ocultos los enlaces, mira el comentario #28 para que veas cómo solucionarlo.

    ResponderEliminar
  168. NAda, ni con esas que puede ser
    gracias y saludos

    ResponderEliminar
  169. Entonces además de eso que has hecho agrega debajo de #blog-pager { esto:
    clear: both;

    ResponderEliminar
  170. Si, Señor todo un maestro, como siempre, muchas gracias por tu ayuda y por compartir con todos
    Gracias y saludos

    ResponderEliminar
  171. Hola, Muy bueno el Blog. He utilizado muchos trucos para mi blog, pero tengo un problema con las pestañas, cuando selecciono cualquiera, se achica la letra y cambia de color. Como lo puedo solucionar? Gracias....
    www.elsabadoquierojugar.blogspot.com

    ResponderEliminar
  172. No sabría decirte, con las plantillas nuevas de Blogger aún no me animo mucho a indagar por lo complicadas que son :\
    Siento no poder ayudarte.

    ResponderEliminar
  173. muchas gracias amigo, esto sirve mucho

    ResponderEliminar
  174. Supremamente Efectivo,,, lo he añadido muy fácilmente gracias a ti. El tutorial está explicado de la mejor maneja, Excelente,,,

    ResponderEliminar
  175. Hola Potro una vez ma vengo por tu ayuda!

    Vos sabés que lo de "Entradas Antiguas o Entradas Recientes" si prestas atención en mi plantilla de http://loglobalizo.blogspot.com/ figuran entre el buscador de google y mi primero post!!! Cuando lo normal sería que esté al final de todas las entradas .....solamente se visualiza correctamente cuando abris alguna entrada.

    Esta en cualquier lado...jaaj, la verdad no se porque está ahi y NO TENGO NI LA MENOR IDEA DE COMO ARREGLARLO.

    Espero que me hayas entendido mi problema y me puedas ayudar.

    Espero tus comentarios.

    Francisco

    ResponderEliminar
  176. Debajo de #blog-pager {
    agrega esto:
    clear: both;

    ResponderEliminar
  177. Sos capo loco!! La verdad estoy sorprendido!!!

    Muchas gracias querido, me encanta tu blog y estoy aprendiendo mucho gracias a tus post!

    Te mando un abrazo

    ResponderEliminar
  178. HOLA, muchas gracias por los tutoriales, me han servido mucho para mejorar mi blog, pero ahora tengo un problema no aparecen las entradas antiguas y entradas recientes he probado lo que mencionas en comentarios anteriores pero no me funciona :(
    muchas gracias por tu ayuda!

    ResponderEliminar
  179. Hola Lucy,

    Prueba buscar este código y agrega lo que está en negrita:
    #blog-pager {text-align: center; clear: both;}

    ResponderEliminar
  180. HOla, el problema era que sólo en I. explorer se veían, en firefox y google chrome no. pero ahora sólo agregué el código y todo quedó perfecto! muchas gracias!!
    en agradecimiento haré algunos clics en los anuncios de adsense ;)

    ResponderEliminar
  181. Gracias Lucy, qué bueno que ya está solucionado ;)

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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