74

Recuperar los enlaces de navegación

Los "enlaces de navegación" pueden verse al final de las páginas de nuestro blog y sirven, como su nombre indica, para "navegar" por las páginas anteriores o posteriores del blog.

Enlaces de navegacion

Recibo a menudo consultas sobre como recuperarlos en plantillas que han sido diseñadas para no mostrar esos enlaces.
Aunque yo los considero imprescindibles para un blog, a menudo vemos en plantillas que se ofrecen para descarga, que quien ha diseñado o adaptado alguna de esas plantillas ha decidido ocultar esos enlaces.
En general, lo que suelen hacer en estos diseños es simplemente ocultar los enlaces mediante CSS, con lo que en nuestra plantilla tendremos algo así:

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

Si estas líneas se encuentran en nuestra plantilla, lo único que tendríamos que hacer para recuperar nuestros enlaces de navegación sería borrar de cada una de ellas el display: none;:
#blog-pager-older-link {
float: right;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Entradas Relacionadas:

74 comentarios:


Soporte Computacional

Hola Rosa, mi comentario no tiene que ver mucho con la entrada jojo, es que no sabia donde dejar mi consulta.

Este tip lo habia visto y junto con otros de esta página , me ha servido mucho para configurar mi blog (que en verdad es una pagina de soporte y ventas)

estoy buscando la manera de proteger un poco mis blog, , y he deshabilitado cosas básicas como las opciones del boton derecho del mouse y control c-v , , ,

encontré un script para deshabilitar la captura de pantalla con impPant , pero en blogger me arroja error en la plantilla, lo he colocado despues del head,y después de tratar de configurar varias veces > no me resulta

asi que aprovechando de darte las gracias por tus excelentes consejos, te pido si me puedes echar una mano con esa consulta, ,

muchas gracias! desde Chile

ah mi blog es www.nuevospc.blogspot.com

Saludos!

Unknown

Muy bueno Rosa, recuerdo que yo habia puesto los iconos de navegacion (luego los quité), guardé el codigo de los enlaces en el blog de notas por las dudas que si queria volver con los enlaces.

Anónimo

TRECARUNGA Así es como deben hacerse las cosas...uno apunta lo que hace y deshace y lo guarda a buen recaudo.:D Así es como vas entendiendo los códigos, ya lo digo yo...¡eres un chico inteligente!;)

Anónimo

Ignacio Sanhueza G. Pues lo siento mucho:( No se de ningún código que funcione en Blogger para eso...

STBAN PINTO

Hola Rosa tengo un problema con mi blog me parece
este mensaje cuando entro a la pestaña de elementos de pagina de mi blog la verdad nose a que se deba ya que solo estaba colocando el favicon a mi blog y el fondo del widget de mi twitter espero que me puedas ayudar gracias..

Anónimo

STBAN Es la primera vez que veo ese error:S y además tampoco encuentro nada que me lo aclare al respecto en Internet...
Según el mensaje, se trataría de un problema con algún widget, pero al mismo tiempo mirando el código fuente de tu blog online, veo algo "raro" en la parte de arriba de tu plantilla, concretamente en el título, es como si estuviese duplicado... claro que esto podría ser producido por el error y no ser la causa del mismo...revisa esa zona o los últimos gadget o cambios que hayas hecho.
Siento no poder ayudarte más...quizás consultando a Vagabundia o Gem@, tal vez ellos lo hayan visto antes...

AlbaFoto

Hola Rosa haber si me puedes ayudar, resulta que en mi blog estas líneas la izquierda me sale encima del home....

¿sabes a que se debe esto?


muchas gracias

http://albacete-fotos.blogspot.com/search?updated-max=2009-03-01T21%3A31%3A00%2B01%3A00&max-results=1

Unknown

:P Rosi muy buena entrada!!!, te digo por qué :S no soy precavida a la hora de sacar un código que luego puedo necesitar como dice Treca!!!...Muacksss

STBAN PINTO

Rosa es para reirse, no me explico como pero lo del mensaje si tenia que ver con el titulo del blog yo solo me pasaba revisando los widgets gracias por tu observacion

Nathan yo

Hola mi sabia de la internet, queria pedir que si tu me podias decir como hago para que el siguiente efecto
}
a:link {
color: $linkColor;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
background:#FE2E9A;
}

sòlo haga que los enlaces cambien su contorno y no seàn afectadas las imagenes como me pasa, ese codigo lo conseguien en el blog de tu B.F.F Gem@ si no sabes le preguntarè a ella pues a ti te tengo màs confianza..:D

JBfansblog

Hola Rosa!

Vengo a preguntarte...como haces para qué cuándo clickeas en cualquiera de las palabras de arriba por ejemplo menus,te derive a donde estan todos los posts relacionados con menus y como haces para que los titulos se vean asi???

Espero tus respuestas!

Bye!

Anónimo

mojul8 Lo siento mucho, pero ni mirando el blog entendí que quieres decir...:S

Anónimo

GracielaOtra chica lista;)
¡Un abrazo!

Anónimo

STBAN ¡Bien!
Ahora lo tendré en cuenta para futuras consultas sobre ese error...confío en que no sea uno de esos errores de Blogger que, de repente, comienzan a aparecer en muchos blogs:S

Anónimo

Global Metion Blog El código es correcto y no debería afectar a las imágenes.

Mira en esta parte del código de tu plantilla:
.post img {
padding: 0px;
border: 2px solid #8A084B;
}
}

De esas dos llaves del final, una de ellas sobra, tienes que borrarla, aunque no es seguro que sea eso, pero una sobra y has de eliminarla de todos modos.
Me cuentas a ver...

Anónimo

JBfansblog Las "palabras de arriba" son una nube de etiquetas como la que explico aquí:
http://elescaparatederosa.blogspot.com/2008/01/nube-de-etiquetas.html

En cuanto a lo de los títulos...¿a que te refieres exactamente, a que se vean solo los títulos con la posibilidad de expandir? Si es así, uso el "truco" de esta entrada:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

LokoGB

Gracias Rosa, los mios ya habian desaparecido :S

LokoGB

Rosa una pregunta como puedo colocar

Estás en: Inicio Plantillas Recuperar los enlaces de navegación

en mi blog

Unknown

Rosa, el "globo" que usabas antes para el enlace a comentarios, ¿como lo conseguiste?

Anónimo

TRECARUNGA Creo que lo "tome prestado" en algún sitio que no recuerdo:$ ¿lo quieres? ¡ahí te va!
http://4.bp.blogspot.com/_8PJ-pgoBhWQ/STPclhak_0I/AAAAAAAAEzY/_tkfYAv9VPY/s320/10.jpg

Unknown

Le cambie el color para que "combine" con mi blog :D

Jorge Key/Raws

hola a todos pues kiero compartir un truco rosa para que lo agas una de tus grandes tutoriales

"INTRO EN BLOGGER" ace mucho k encontre una tutorial en foroactivo.com para poner intro a un foro por medio de un javascrip y dije que pasa si en el scrip lo pongo en mi blog y funciono tooodooo un exitooo.

pueden ver mi blog como kedo mi intro en blogger

Jorge Key/Raws

es un gran avance para blogger jeje intro para todos de una manera facil

Jorge Key/Raws

solo leela tutorial rosa y veee como lo adaptas facil a un blog.....

como en mi blog Flowurbanos

Anónimo

LokoGB Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/05/breadcrums-siguiendo-el-rastro-del.html

Anónimo

TRECARUNGA ¡Muy guapo te quedó! :P

Anónimo

Jorge Alberto ¡Gracias por la información! La verdad que soy de los que pienso que los "intro" solo hacen que retrasar el acceso al blog de forma innecesaria...pero lo miraré a ver:D

Anónimo

MALINA Este par de entradas creo que es lo que buscas:
http://elescaparatederosa.blogspot.com/2008/01/aadir-tres-columnas-en-la-seccin-del.html

http://elescaparatederosa.blogspot.com/2008/01/modificar-las-columnas-del-post-footer.html

Unknown

Rosa, hace mucho que está así, pero... por qué cambiaste las imagenes que estaban en el titulo de la cabecera y los widgets?
Es una duda que tenía. (:

Die

querida rosa:), si lo he arreglado, pero no solo, lo hici gracias a la ayuda de tus guias :)
rosa recuerdas que una vez me dijiste que me quisiste firmar y luego me preguntaste si yo desabilite el libro de firmas o algo andaba mal, bueno si algo anda mal y nose qe es, he ntentado de todo pero no lo puedo arrelgar.
yo te quiria pedir si me podias hacer el fabor de arreglarmelo vos.
mandame un email a esta direccion: standup_21@hotmail.com
y yo te paso el usuario y contraseña.
desde ya muchas gracias :P

Anónimo

TRECARUNGA Me refería al bocadillo de los comments :D

Pues las cambié porque si... a veces no necesitas ninguna otra razón para hacer las cosas...¿o si? :P

Anónimo

Die Enviame tu el email por favor.
lejaniaimposible@hotmail.com

Unknown

Está bien, un cambio no hace mal a nadie. solo tenía esa duda (:

Die

http://domino-dl.blogspot.com
rosa ya te la he pasado, te llego ?

Un Perro

Escucho voces y música en el Escaparate !! :-|
I see blogger people !! :o
sera el Escaparate o yo ya estoy en las ultimas por quedar loco del todo ?
no encuentro el mando de la radio ya que si abro mas de una pestaña con posts del escaparate se escucha con un desfasaje en cada una :S
por lo demás la música de este señor esta muy bien
un besote Rosa :D

Un Perro

ups ! los iconos te los debo :-S

Unknown

:O el CA--SO que me pegué Rosi!!!, dije me está hablando, tiene la herramienta para saber que entramos???...mis hijas dejan los parlantes al tope!!! muackss, aquí ando espiando :P

Fabiana

Amiga Rosa, por todas las molestias que te causo, jeje, pero más que nada por la ayuda que con celo desinteresado prestas a todos tengo para tí algo en mi blog, pasa a recogerlo.

Bolo

Hola Rosa:

Estoy haciendo un concurso en el Blog, y quería saber como puedo hacer para que el post en cuestión se mantenga en primer lugar, aunque haya publicado más artículos.
juro que he rebuscado por el blog, pero no encuentro nada. ¿Es posible hacerlo?
Gracias!

Admin

Hola Rosa, mi consulta es la siguiente: en las sidebar del lado derecho de mi blog http://sportivosuardi.blogspot.com les puse un marco tal cual enseñaste vos, ahora me gustaría que el titulo ¡me quede centrado y con el fondo del titulo en color , tal cual lo tenes vos en tu blog. Desde ya muchisimas gracias.

Anónimo

HogarDigital Localiza esta línea en tu plantilla:

/* Sidebar Content
---------------------------------------------*/

Justo debajo, pegas este código:
.sidebar h2 {
background:#1A6878;
color: #FFFFFF;
text-align:center;
}

En #1A6878 cambias eso por el código para el color de fondo.
En #FFFFFF cambias para el color del texto.
Y la otra línea es la que centra el título.

Anónimo

BoloHasta ahora no era demasiado complicado hacer eso, se ponía en la entrada una fecha en el futuro bastante lejana y se mantenía siempre la primera...Desde que Blogger a incluido la programación de entradas eso ya no puede hacerse así.
Lo único que se me ocurre es que cada vez que publiques una nueva entrada, edites la del concurso y le pongas una hora de publicación ligeramente posterior a la última.
Eso se hace desde el editor de entradas, en el enlace que dice "opciones de entrada".

Bolo

Haré pruebas.. Muchisimas gracias como siempre Rosa ;)

Anónimo

Hola Rosa!
Yo tambien quiero recuperar una cosa pero no precisamente esto! resulta que estoy con un nuevo preyecto, y utilizo una plantilla en la que las entradas aparecen comprimidas por defecto con el "leer mas" ¿que debo hacer para que sean normales, es decir, que salgan totalmente extendidas? muchas gracias
el blog es: BARRAL23

Fabiana

Rosa, quisiera hacer que los widgets de abajo de las entradas aparezcan con la misma imagen que los de sidebar ( es ésta ) .
¿Se puede arreglar? Es que de la manera que están quedan feos (se ve el fondo del blog).
Desde ya muchas gracias.
Un abrazo.

Admin

muchas gracias Rosa, me quedo muy lindo

Admin

Hola Rosa; una consulta; como hago para cambiar la palabra "comentarios" que se encuentra al pie de la entrada y muestra la cantidad de comentarios que hay ; por "PEDIDOS".GRacias

Anónimo

Fabiana Para eso tendrías que aplicar las mismas propiedades que tienes en .sidebar .widget {

en el .main .widget {

Si en tu plantilla no existe el .main .widget { puedes añadirlo en el css antes de ]]></b:skin>

Anónimo

Cid Pues lo siento, pero por motivos que no vienen al caso, no ayudo a modificar ninguna plantilla de FalcoHive.

Anónimo

HogarDigital Mira si te sirve esto:
http://elescaparatederosa.blogspot.com/2007/07/sin-comentarios-1-comentario-x.html

Anónimo

De acuerdo Rosa gracias de todos modos!! ;)

Play

jeje Gracias mas oportuno tu Aporte imposible ya desia yo como ponerle eso a mi nueva plantilla. Gracias
Cargohe Descargas

Anónimo

Rosa, comenté y al apretar "vista previa" no apareció el comentario por ninguna parte y lo perdí... aquí voy de nuevo.
Te decía que hace tiempo te leo en mi lector de feeds pero nunca te había pedido ayuda. Hoy es el día. ;)
Necesito ayuda en algo que quizás es sencillo, no sé, no em atrevo a intentarlo sin consejo.
Tengo una plantilla que se llama hawaii blue, y mi "problema" es que abajo del post sale en una sola línea "publicado a las 9.00 0 comentario". La hora sale como enlace, y los comentarios también, entonces se ve raro, confuso.
Lo que quiero saber es como inserto un salto de linea (dónde en la plantilla?) para que los comentarios queden en la línea siguiente... o bien, cómo hago para que la hora del posteo salga como texto y no como enlace... cualquiera de las dos cosas me sirve.
Te agradezco tu ayuda o la de cualquiera de tus lectores.
Muchas gracias!

Anónimo

Cordula No has dejado enlace hacia tu blog :(
No solo conociendo la plantilla que usas puedo ayudarte, no es lo mismo una plantilla en sus códigos, que una ya instalada en un blog...necesito ver el problema online.

Anónimo

Gracias por todo..
No sabes cuantas veces he consultado tu blog buscando explicacioes...eres una gran persona y maestra..
En el interior del mio estás tú.
Gracias.
http://ajorbaricart.blogspot.com/

Anónimo

Rosa! Antes que nada, muchísimas gracias por estar tan atenta a tu blog y ya haberme respondido, wow! En serio, gracias!
Tienes razón que no dejé ningún enlace, perdón! Es que mientras no lo tenga 100% afinado no lo quiero hacer público... (manías de una ;)) pero la plantilla es ésta:
http://www.carlgalloway.com/uploads/Blogger-XML/hawaii-3col-xml-blogger-scs-blue.txt
También se puede descargar de aquí:
http://www.carlgalloway.com/archives/317-Blue-Hawaii-Blogger-Template.html
Muchas gracias nuevamente! Ojalá me puedas ayudar...

Anónimo

Cordula Ve en tu panel a "Edicion HTML" y marca la casilla de "expandir las plantillas de artilugios" localiza esta línea:

<div class='meta'>

Algo más abajo verás el código que corresponde al enlace de comentarios:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

Copia ese código y guardalo en el blog de notas por ejemplo, luego borra el original de la plantilla.

Ahora algo más abajo de donde estás situada, localiza esta línea:

<p class='post-footer-line post-footer-line-3'/>

Pega justo debajo el código que has guardado.
Usa vista previa antes de guardar los cambios.

Anónimo

Cordula ¡Qué bien!
Después de casi dos años trasteando con las plantillas de Blogger, hay cosas que ya puedo contestar casi de memoria, como ha sido en tu caso...por eso quise comprobar si el código de tu plantilla era como el de las Blogger ;)

Unknown

Hola Rosita se que muchos te lo han de decir, pero sabes, YA SOY TU FAN jajaja, son geniales tus articulos

saludos y excelente trabajo

Anónimo

hahahah ese era el problema muchas gracias rosa eres super

4EverMadonna

Gracias rosa!!! Sos Dios! esto es lo que buscaba... ya habia comentado en un post relacionado con esto... gracias!!!

La hormiguita

Muchas gracias Rosa, y mil disculpas, pero no sabía que se llamaban enlces de navegación y busque y busque y ese post me pareció el más cercano a lo que necesitaba,ya lo hice quedo bien. lo que sucede es que no lo estoy haciendo como blog, no va tener ese uso. Con respecto a la plantilla y el espacio entre el header y el cuerpo del blog , te paso el blog: transportesluna.blogspot.com, estás como usuaria, ya que el blog está en construcción. :D

Anónimo

La hormiguita Trata de reducir ese espacio aquí:

#header-wrapper {
width:850px;
margin:0 auto 10px;
border:0px solid #cc0000;
}
Cambia el 10 en margin por un 0

Si eso no es suficiente, me lo dices y trataremos de reducir el espacio desde el crosscol.

La hormiguita

Mil gracias...yo creo que quedo mucho mejor,pero me gustaría que lo mires vos y me digas si lo acercarías más. Ahora estoy averiguando que es crosscol, la verdad como soy nueva en esto de los códigos.... pero se aprende eso es lo importante, no hay algún post, que diga sobre los sectores de una plantilla????? que son cada uno????? o que hay, porque header , body y footer es fácil, pero hay mucho más en una plantilla.
Gracias

Anónimo

La hormiguita Ha quedado mejor, si. Yo no lo acercaría más, ya que al ser un menú con diseño de pestañas, quizá el efecto sería peor estéticamente...pero claro, eso ya es cosa tuya.

En realidad claro que hay mucho más, pero no en cuanto a sectores, esos que nombras son los básicos, el croscoll por ejemplo es adicional, puedes ver aquí que es, donde está, etc.

http://elescaparatederosa.blogspot.com/2008/10/aprovechando-espacios-en-la-plantilla.html

La hormiguita

Gracias, lo dejo así.Quedo bien.
:)

FILÁ NOSOTRAS

Hola Rosa yo tenia puestos estos enlaces, pero me han desaparecido y el codigo que tu pusiste no lo encuentro, perdona pero soy inexperta

Anónimo

FILÁ NOSOTRAS ¿En que blog te faltan?...tienes varios. Cuando me consultes algo acuérdate de decirme para cual de ellos es... es agotador andar desde el perfil mirando blog por blog...

Reynosa Blogs

Hola Rosa, no pude hacer nada para que aparecieran los enlaces o pagina anterior o siguiente. :(

Rosa

Reynosa Blogs Veo los enlaces en tu blog :o

Tilviakiss

Hola Rosa como estas!. Una pregunta porque en mi blog no aparecen los enlaces de navegación en mozilla y chrome?...

Tilviakiss

Rosa ya no te preocupes por responderme ji. Es que vi tu entrada Recueperar los enlaces de navegacion III y me fue de maravilla. Te felicito por tu blog me encanta!!!.

Ready 4 Riots

Mira rosa en mi template aparece asi:

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

y borrando el display:underline sigue sin salirme, por probar algo... se te ocurre de que podria ser porfavor??!!

Saludos y feliz año

Anónimo

dfdsf Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S