Cambiar de lugar los enlaces de navegación

13 de diciembre de 2011 138 comentarios ,
Los enlaces de navegación son esos links que aparecen al final de todo el blog y al final de las entradas que dicen "Entradas recientes", "Página principal" y "Entradas antiguas". Siempre aparecen al final a menos que la plantilla los tenga ocultos.


Pero que siempre aparezcan ahí no significa que no podamos cambiarlos de lugar. De hecho vamos a ver cómo cambiarlos de lugar, ya sea ponerlos arriba de todas las entradas, arriba de los comentarios, o arriba de cada entrada individual.

Lo que vamos a hacer es simple, primero condicionaremos los que ya tenemos para que no sean visibles en las entradas, así que entra a la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y busca este código:
<b:include name='nextprev'/>
En su lugar pon este:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>
Con eso haremos que los que tenemos siempre debajo del todo no se muestren en las entradas individuales.
Ahora puedes decidir dónde quieres tenerlos.

Arriba de los comentarios
Si quieres tenerlos entre el final de la entrada y el inicio de los comentarios, busca esta parte en tu plantilla:
</b:includable>
<b:includable id='status-message'>
Justo arriba de ese código agrega esto:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Arriba de cada la entrada
Con esta forma podrás poner los enlaces de navegación justo arriba de la entrada, es decir, antes del título del post.
Para ello busca esta línea:
<b:includable id='post' var='post'>
Debajo de ella agrega esto:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Con esos dos métodos anteriores los enlaces de navegación se verán sólo en las entradas individuales, así que hay que ingresar al post para verlos.

Arriba de todas las entradas
Con esta forma haremos que se muestren hasta arriba de todas las entradas, así que si quieres puedes conservar los enlaces de navegación de hasta abajo, si es así omite el primer paso, sino puedes continuar.
Para ponerlo arriba de todas las entradas busca esta línea:
<b:includable id='main' var='top'>
Debajo de ella agrega esto:
<b:include name='nextprev'/>

Independientemente de dónde hayas decidido ponerlos puedes darles un poco de estilo, por ejemplo puedes cambiar los enlaces de navegación por una imagen, o agregarle un poco de CSS, como ponerle un color de fondo, un borde, etc.


Tan sólo añade antes de ]]></b:skin> este código:
#blog-pager {
background:#eee; /* Color de fondo */
border:1px solid #ccc; /* Borde */
padding:8px;
/* Bordes redondeados */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#blog-pager a {
background:#eee; /* Color de fondo */
color:#000; /* Color de los enlaces */
}
Ese es sólo un ejemplo sencillo pero se pueden añadir más estilos si lo deseas.


138 comentarios en:

" Cambiar de lugar los enlaces de navegación "

  1. Muchísimas gracias ... eres genial!!!
    Feliz Navidad!!!
    Lyra

    ResponderEliminar
  2. Muy bueno Potro pero tienes alguna entrada que te explique como quitar lo de Suscribirse a: Entradas (Atom) Me sale debajo del blog.


    Saludos

    ResponderEliminar
  3. Esta bien, cada vez me gusta mas el blog :)
    ¡Tercer comentario!

    ResponderEliminar
  4. Hola Potro, interesante la entrada, pero me interesaria hacer otros cambios, imagino que igual de sencillos...

    que en vez de estar como:

    ENTRADAS MAS RECIENTES PAGINA PRINCIPAL ENTRADAS ANTIGUAS

    Quede de esta manera:

    ENTRADAS ANTIGUAS PAGINA PRINCIPAL ENTRADAS MAS RECIENTES

    Sera posible? Gracias

    ResponderEliminar
  5. hola, mira, tengo un blog y quiero posicionarlo en las primeras paginas de google. Ayer por ejemplo estab en la tercera pagina y hoy no lo encuentro en ninguna. ¿a que crees que se debe eso?

    GRACIAS

    ResponderEliminar
  6. Lyra, ¡feliz Navidad! :)

    Jose Antonio Marin Arcas , sí, aquí está la información que buscas:
    http://ciudadblogger.com/2009/06/cambiar-o-eliminar-suscribirse-entradas.html

    ResponderEliminar
  7. Muy buenooo, gracias
    http://vipyfama.blogspot.com/

    ResponderEliminar
  8. Hola potro te dejé mi duda en el muro de ciudadblogger de facebook, espero y me la puedas responder

    ResponderEliminar
  9. MadPikachuKid, qué bueno que te ha gustado :)

    FINEM, gracias a ti y feliz Navidad!

    ResponderEliminar
  10. Me encanta este blog ya que la mayoria de gadgets que he colocado en mis blogs son por estos tutoriales. Ademas le he ayudado a muchos otros amigos a recrear sus blogs con la ayuda de ciudadabloger

    ResponderEliminar
  11. Hola Potro, muy buen post. tengo una duda como hago para que estos enláces (Entradas recientes, Página principal y Entradas antiguas)aparezcan en todas las paginas. Me sucede que baje una plantilla y solo aparece "Entradas antiguas" en la pagina principal y luego, en la "pagina antigua" no aparecen los enláces. Esta es la plantilla: http://freetuxbeta.blogspot.com

    Agradezco tu ayuda!

    ResponderEliminar
  12. BajandoAndo, ciertamente es sencillo, sólo agrega estos estilos antes de ]]></b:skin>

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

    Con eso el link de "Entradas recientes" estará a la derecha, y el de "Entradas antiguas" estará a la izquierda.

    ResponderEliminar
  13. antonio, no siempre se mantiene en la misma posición de Google, pues así como tú hay miles de páginas que igual están compitiendo por la misma posición, así que un día tu entrada puede ser relevante para Google, pero al otro día encontró otra entrada más relevante.

    ResponderEliminar
  14. Potro disculpa que te moleste tanto peor esta mañana que entra ami blog cuando quisi mover unos gadgets me tiro el siquiente error para que lo entiendas mejor te jo una imagen del error.
    http://i39.tinypic.com/2hyxdac.jpg

    ResponderEliminar
  15. y ese error tiro en mis tres blog gracias x tu respuesta potro

    ResponderEliminar
  16. Potro ayudame D:, mira me llego mi primer cheke de Google Adsense y dice que cobre en Citibank pero esta en Estados Unidos, que puedo hacer?

    ResponderEliminar
  17. Buen truco, Oye POTRO rebice el mapa del sitio no vi algo como lo que busco.
    Quisiera saber como hacer un enlace de contacto, como el que tiene el nlog de Gema: Gema Blog.
    Que al darle clic desde la barra de menu, se nos abra la ventana para que nos envien un mensaje directo, a nuestro correo.
    Bueno no se si tienes un post aqui como ese, pero tu eres el GENIO porfa... Podrías decirme como hacerlo.

    ResponderEliminar
  18. Potrq Graciad la verdad. tu blog es de los que mas visito...

    Deberias hacer una entrada de estilos para esto .. asi como de varios estilos y modificaciones para esta parte :)

    ResponderEliminar
  19. Me gustaría que hicieran un tutorial, de como poner la cajita gris esa donde esta esto: MAS TRUCOS - COMPÁRTELO.

    ResponderEliminar
  20. Medallo, es un gusto poder ayudarte a ti y a tus amigos :)

    ResponderEliminar
  21. Castro Javier, están condicionados esos enlaces, por eso sólo aparecen en la portada.
    Para que aparezcan en todas partes busca este código y elimina lo que está en negrita:

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    <div id='navigation'>
    <div class='wp-pagenavi'>
    <!-- navigation -->
    <b:include name='nextprev'/>
    </div></div>
    </b:if>
    </b:if></b:if>

    ResponderEliminar
  22. ◄••[★] Pavas Famosas [★]••►, es un error que trae locos a muchos desde hace tres días. Ya Blogger está trabajando en ese problema así que esperemos se solucione pronto:
    http://knownissues.blogspot.com/2011/12/some-users-are-reporting-bx-l4u1mh-when.html

    ResponderEliminar
  23. Omar-GeekOS, tramita tu VISA y tu pasaporte para irlo a cobrar a USA, jajaja.
    Ya sé, ya sé, mal chiste...
    Pues... CityBank no sólo está en ese país, está en muchos otros aunque con distintos nombres, tendrías que investigar si en tu país hay alguno que sea de ese banco y si te permiten cobrarlo.
    Sino, en algunas casas de cambio te lo pueden cambiar, aunque te cobran una comisión por el servicio.
    Ya que lo cobres (o desde ahora mismo), cambia la forma de pago en tu cuenta, porque cobrar un cheque de Google es un via crucis para los que no residen en Estados Unidos.

    ResponderEliminar
  24. Lamb Of Devil ( E-C ), es sólo un enlace directo al correo electrónico; se pone de esta manera:

    <a href='mailto:tucorreo@gmail.com'>Contacto</a>

    ResponderEliminar
  25. Gracias david, lo tomaré en cuenta para una de las próximas entradas ;)

    ResponderEliminar
  26. Ponowx, es sólo el post-footer que le he puesto un color de fondo y dentro una tabla con las entradas relacionadas. Ahí más que nada es cuestión de creatividad para que cada quién le ponga los elementos que desee.

    ResponderEliminar
  27. xD, vivo en la frontera, en Cd Juárez, Chih. México .-. busque y segun esto Banamex es de citigroup y citibank tambien, y que no hay problema?

    ResponderEliminar
  28. Siendo así no tendrás problema en cruzar al otro lado para cobrarlo, porque Banamex aunque es de CityBank no los cambian. A mí me cambiaron el primer cheque en Banamex sólo por un "favor" que me hizo la gerente de la sucursal. El siguiente lo tuve que cobrar en un banco de San Diego.

    ResponderEliminar
  29. Potro a mi me pasa algo parecido a Javier castro, solo que a mi no me sale Pagina principal ni entradas antiguas en la pagina de inicio, pero cuando entras a algún tema recién aparecen, como podría hacer para que aparecieran.

    Mi blog: appsymbianworld.blogspot.com

    ResponderEliminar
  30. Potro pero no tengo visa .-. busque y dicen que en casas de cambio te dan efectivo y te cobran una pequeña comisión. Ademas soy menor de edad LOL ayudádme :(

    ResponderEliminar
  31. Juanko, en tu caso la plantilla tiene un gadget de paginación que se supone debería mostrarse en la portada, sólo que no funciona. Para quitar este gadget inservible elimina este script de la plantilla:

    <script src='http://sliderpagenav.googlecode.com/files/paginator3000.js' type='text/javascript'/>
    <script type='text/javascript'>
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=7;
    var numshowpage=10;
    </script>
    <script src='http://cytoskeleton.googlecode.com/files/Cytotoxicity-code-masters.js' type='text/javascript'/>

    Eliminándolo aparecerán los enlaces de navegación.

    ResponderEliminar
  32. una pregunta para que sirve el valor... jump.link a( o algo así? Saludos!

    ResponderEliminar
  33. otra pregunta ojalá me puedas responder las dos... para qué sirve esto en el css "@media all (" lo he visto en varios lados

    ResponderEliminar
  34. Omar-GeekOS, pues si te lo cambian en una casa de cambio ya la hiciste, sino intenta en Banamex, aunque es casi seguro que no lo hagan, pero no pierdes nada con intentarlo. Si tienes algún familiar que viva al otro lado pídele que te lo cambie allá.

    ResponderEliminar
  35. Potro, pero soy menor de edad no hay problema? tengo 15

    ResponderEliminar
  36. Eddy, el jumplink es el que hace el corte de las entradas cuando se usa el Leer más nativo de Blogger.
    @media all se usa para indicar que los estilos serán aplicados para todos los medios, por ejemplo para cuando se vea desde una pantalla, o cuando se imprima un documento.

    ResponderEliminar
  37. MaGoS RaDioMuSiC, gracias a ti por tu visita!

    Omar-GeekOS, no lo sé, eso tendrás que investigarlo tú ;)

    ResponderEliminar
  38. Eres lo máximo Potro, siempre podre contar contigo.

    Muchas gracias!

    ResponderEliminar
  39. Saludos Potro! mira, desde hace algunos dias cuando doy Guardar en Diseño no guarda se queda con el letrero que dice Guardando... y de ahi jamas pasa. me refiero en Diseño donde dice VISTA PREVIA- BORRAR CAMBIOS- GUARDAR. Sera que excedi el limite de espacio de Blogger y ya no deberia agregar mas gadgets u otros elementos?

    Sucede ademas que si puedo agregar mas elementos pero solo al inicio de cada sidebar o abajo de la cabecera, quiero decir que cuando agrego un elemento nuevo se agrega arriba de cada seccion y ya No puedo cambiarlo de ubicacion, de echo ya no puedo cambiar nada de ubicacion porque sencillamente no se guarda cuando doy click en -GUARDAR-.

    ResponderEliminar
  40. Hola Leonardo.,

    No hay un límite para ese tipo de elementos o entradas en el blog.
    Desde hace como 4 o 5 días hay problemas en la sección de Diseño, puede ser que sea ese el problema.
    De cualquier manera prueba eliminar cookies, caché e historial del navegador, luego intenta realizar los cambios que quieres.

    Saludos.

    ResponderEliminar
  41. Que onda Potro, pues ya hice lo que mencionas arriba, incluso entre al blog en otra PC y probando otros navegadores y sigue sin guardar los cambios que haga, esto solamente me sucede con Uno de mis Blogs, tal vez tenga algun error en la plantilla (aunque el blog me funciona bien en todo lo demas), supongo que si es asi sera casi imposible saber por que no me guarda los cambios, no se me ocurre que mas hacer jejeje....

    Que tengas un buen inicion de semana Potro....!

    ResponderEliminar
  42. aaah! por cierto Potro otro detalle es que cuando sucedio por primera vez yo mismo elimine elementos de una sidebar fueron muchos y di click en GUARDAR y resulta que si guardo! entonces por eso te preguntaba si tenia un limite, tu me dices que no pero al parecer en mi blog causa algun error cuando agrego muchos elementos por ejemplo en la sidebar, despues de que me di cuenta de que ya habia guardado correctamente me las ingenie para volver a colocar los elementos que habia quitado, de echo puse esos elementos al inicio de la sidebar para que no hubiera necesidad de reacomodar y dar click en guardar.-- una vez que hice eso intente ahora si reacomodar de otra manera y de nueva cuenta ya no quiso guardar. Asi que solamente eliminando muchos elementos (de la sidebar por ejemplo) si vuelve a guardar bien los cambios, jajajaja espero explicar bien todo este rollo....

    ResponderEliminar
  43. Vamos a esperar a que Blogger arregle el problema que tiene desde hace ya casi una semana, si Blogger lo arregla y te siguiera dando problemas entonces vemos otras posibilidades, pero mientras hay que esperar pues no sabemos si tu problema es causado por lo mismo de Blogger.

    Saludos.

    ResponderEliminar
  44. A muchas gracias Potro, esperare...!!!
    Saludos.

    ResponderEliminar
  45. Gracias!!!. amigo, en mi caso están ocultos por el diseño de la plantilla, supongo. Cómo habilitarlos, sacarlos... Gracias!!!

    ResponderEliminar
  46. Muy buena entrada , no tenia idea que se podría hacer eso, buen dato , lo he puesto debajo del script de post relacionados
    http://uvidietas.blogspot.com/

    ResponderEliminar
  47. Qué gusto que lo has encontrado útil :)

    ResponderEliminar
  48. disculpa potro pero quisiera ponerlo abajo de la caja de comentarios, espero puedas ayudarme

    ResponderEliminar
  49. Abajo de la caja de comentarios es el lugar donde siempre se muestra por defecto.

    ResponderEliminar
  50. pues los mios están junto a los botones para compartir...
    este es mi blog: http://toxicosm.blogspot.com/

    ResponderEliminar
  51. Busca este código:
    <b:include name='nextprev'/>

    Y ponlo debajo de:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comments'/>
    </b:if>
    </div>
    <b:if cond='data:post.includeAd'>
    <b:if cond='data:post.isFirstPost'>
    <data:defaultAdEnd/>
    <b:else/>
    <data:adEnd/>
    </b:if>
    <div class='inline-ad'>
    <data:adCode/>
    </div>
    <data:adStart/>
    </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
    &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <data:adEnd/>
    </div>

    ResponderEliminar
  52. es usted una maquina muchas gracias por fin pude poner los enlaces al final de todo, gracias feliz año

    ResponderEliminar
  53. Gracias Chiknaui.Mikistli, feliz año!

    ResponderEliminar
  54. hola quisiera saber si me puedes ayudar...

    si te fijas en mi blog: http://hentaiboobsnofansub.blogspot.com/
    puedes darte cuenta de que SIGUIENTE me aparece sobre las entradas y tambien debajo pero en ambos kasos la imagen sale cortada, kisiera pedirte que la veas y me ayudes a dejarla tal como deberia ser con entradas antiguas debajo de los post... bueno en este caso en ves de entradas antiguas la imagen de SIGUIENTE

    ResponderEliminar
  55. porfavor espero que no sea delito aber puesto la direccion de mi blog... POR FAVOR NO ME JUZGUEN

    ResponderEliminar
  56. No estoy para juzgar a nadie Master19xD, no soy quién para hacerlo.
    Busca esta parte de tu plantilla:
    #blog-pager{
    text-transform: uppercase;
    padding: 0 20px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-align: center;
    }

    Cambia eso que está en negrita por esto:
    height: 40px;

    Con eso las imágenes de esos enlaces se mostrarán completos.

    ResponderEliminar
  57. muchas gracias y oye y me puedes decir para aser que solo salga abajo y no arriba de las entradas

    ResponderEliminar
  58. aaa y ademas de lo que te dije podrias ayudarme...
    mira si tu ases click en siguiente luego en mi web la imagen de anterior sale en otra parte y ase que no se vean todas mis entradas



    disculp tantas molestias...

    ResponderEliminar
  59. Busca el código que se menciona justo en esta entrada, así sabrás cuál tienes que quitar para que sólo te aparezca debajo de las entradas.

    ResponderEliminar
  60. ok muchas gracias... me da verguenza molestar tanto... pero
    queria peirte si me puedes ayudar en dos kosas:


    - la primera que es al pasar a la sgunda pagina de mi web, osea al darle click en siguiente,sucede que la imagen de anterior aparece en un lugar que no corresponde y que provoca que no aparesca una de mis entradas

    - y la segunda es referente a los mismo al darle click en siguiente desaparece el gadget de afiliados elite que esta en mi web ...


    si me pudiese ayudar te lo agradeceria mucho,
    nuevamente disculpa por molestar tanto

    ResponderEliminar
  61. Lo de "Afiliados" parece que lo tienes condicionado porque sólo se ve en la portada, incluso si entras a un post no lo verás.
    Lo otro lo veo bien, sólo en la última página veo que se acomoda en otro lugar pero es porque ya no hay más posts.

    ResponderEliminar
  62. Ok muchas gracias.... vere eso de las condicionales y be lo otueno sobre lo otro que raro ya que a mi se me kambia de kugar pero bueno probare en otro s navegadores aver que tal.... gracias.

    ResponderEliminar
  63. hola de nuevo yo, disculpa por darte tanto trabajo pero esque debo comentarte algo... intentare explikarlo lo mas klaro posible para que me puedas entender,

    el asunto es que yo entre a este post buscando una solucion a mi problema, el cual era que las imagenes de SIGUIENTE,ANTERIOR Y PRINCIPAL NO APARECIAN EN MI BLOG, y bueno luego al entrar a tu post me fije en la parte donde enseñas a poner ENTRADAS ANTIGUAS SOBRE los post, lo que yo ise fue buskar en mi plantilla el codigo ...
    que termina en ' var='top'> y luego agregue abajo el codigo que termina en: name='nextprev'/>

    Con esto solucione el poblema pero lamentablemente me aparecian arriba y abajo de los post,
    y bueno hoy borre el codigo name='nextprev'/> para ver si me salian solo abajo pero lamentablemente volvi al inicio y bueno pues entradas antiguas o en mi kaso la imagen de siguiente no aparecen te pido me ayudes si esque puedes,
    se que te eh estado molestando mucho pero te lo agradeceria mucho


    PD:si te fijas bien en la home de mi blog, en la tercera entrada del lado derecho se logra ver una pequeña fraccion de la imagen de SIGUIENTES. nose si eso te puede dar alguna pista de como arreglar mi problema

    ResponderEliminar
  64. amigo si esque leiste mi mensaje anterior debes saber mi problema, y bueno quiero agregar que ese error solo se da en firefox ya que en chrome se ve perfectamente.. pero como yo uso firefox quiero pedirte que me ayudes, te prometo que si encuentro la solucion no te molesta mas :D...

    ResponderEliminar
  65. Ya decía yo, porque todas las veces que entré lo hice desde Chrome y siempre lo vi bien.
    Prueba agregar debajo de #blog-pager{ esto:
    clear:both;

    ResponderEliminar
  66. ya sabia yo que eres el mejor en estos temas amigo, muchas gracias se soluciono el problema que ase dias estaba tratando de solucionar,

    me encantaria decir que no te molestare mas, pero este si que si es mi ultimo favor,

    recuerdas que te able sobre mi gadget de AFILIADOS ELITE, bueno tu me dijiste que estaba condicionado para que solo se viera en la portada,
    bueno entre a tu post http://ciudadblogger.com/2009/07/mostrar-gadgets-solo-en-la-portada.

    y me fije que el codigo el gadget es normal, que no esta condicionado, pero como no me dejo conforme eso busque en mi plantilla algun codigo que incluyera ID de ese gadget, y lo que encontre fue este codigo:

    #HTML3 {
    display: none;
    }

    y bueno quiero saber si ese codigo tiene algo que ver con que solo se muestre en la portada o que cambio puedo aser para que se vea siempre...



    PD; este si que si es el ultimo favor :D

    ResponderEliminar
  67. disculpa por dejarte tantos comentarios pero esque siempre en la segunda vez me fijo bien xd...
    el codigo completo exactamente es asi:
    ((( sin las ">" y "<" )))

    b:if cond='data:blog.url != data:blog.homepageUrl'
    style type='text/css'
    #HTML2 {
    display: none;
    }
    /style
    /b:if


    pero al borrar de ese codigo esto:
    b:if cond='data:blog.url != data:blog.homepageUrl'
    /b:if

    el gadget completo se deja de ver, espero me puedas ayudar..

    ResponderEliminar
  68. bueno creo que a la segunda tampoko me fijo muy bien xd... amigo la solucion era tan facil como borrar ese codigo completo xd....

    te pido disculpas por aser tantas preguntas y bueno muchas gracias por todas las soluciones ke me as dado, muchas gracias y descansa que pronto volvere xD.... gracias y bueno por si no kedo klaro ya solucione el problema xd

    ResponderEliminar
    Respuestas
    1. Sí, sí, de hecho esa es una condicional, sólo que está condicionado de otra manera.
      Y vamos hombre, que no tienes que disculparte por nada ;)

      Eliminar
  69. :D yo creo que si debia disculparme ya que no me fijaba bien, y solo coria a pedirte ayuda, creo que para la otra chekeare mejor el problema que tenga para asi no tener que estar aclarando e introduciendo nuevas cosas al problema ;D

    De nuevo gracias, por la velocidad en responder, muchos blog de ayudas en los que eh estado se desmoran entre 4 a 7 dias en responder y tu solo horas :D creo que eso te a llevado a tener esta web tan visitada y exitosa.. sigue asi ya que muchas personas como yo necesitan de webs como las tuyas.. exito y bendiciones

    PD : pronto vendre con mas problemas xd

    ResponderEliminar
    Respuestas
    1. Y eso que cuando me llego a tardar 1 día en responder casi me linchan :D
      Hasta la próxima pues ;)

      Eliminar
  70. Hola,

    Ya he conseguido ocultar los enlaces de navegación en las entradas, podrías decirme ahora, por favor, como modificar para que tampoco se vean en la pantalla principal? es que solo me interesa que se vean al mostrar las etiquetas

    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola ana, no sé si he entendido bien. Los enlaces de navegación son los que aparecen debajo de las entradas que dicen "Entradas antiguas, Página principal, Entradas recientes". ¿Esos son los que has ocultado? ¿cómo lo has hecho?

      Saludos.

      Eliminar
    2. hola potro de hecho solo hay que bajarle la parte de height a 0px bueno yo lo hice de esa forma XD no se si ana lo haya hecho igual, de todas formas hay que esperar la respuesta de ana talvez ella lo hizo de un modo mas profesional por asi decirlo ;)

      saludos potro y perdon por meterme donde no me llaman jejeje

      PD: Gracias por todo lo que nos enseñas

      Eliminar
    3. No hay problema wilant, mientras sea por ayudar puedes meterte las veces que quieras :)

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

    ResponderEliminar
  72. Hola Potro.
    Que es lo de "]]>" ? lo pone arriba.
    es que no entiendo donde tengo que insertar el codigo HTML cuando me pone eso((

    ResponderEliminar
    Respuestas
    1. Usa las teclas CTRL + F y ahí pon el código que debes buscar,te será más fácil encontrarlo, porque hay otra etiqueta parecida, pero no es la misma.

      Eliminar
  73. joer pues no lo sabia que se puede buscar asi=))
    Gracias por la ayuda! saludos=)

    ResponderEliminar
  74. Hola Potro)
    Como eliminar esto de mi blog "Suscribise en:entrada Atom" ?
    Gracias)

    ResponderEliminar
  75. y ademas de la pregunta anterior tengo unas mas)))
    1) Como eliminar esto (Plantilla "Picture Window") que esta abajo del todo_???
    2)como hacer que cuando pasas con el raton sobre "Pagina Principal" no este subrayado con una linea_??
    Gracias=)

    ResponderEliminar
    Respuestas
    1. Mira esta entrada para tu primera pregunta:
      http://ciudadblogger.com/2009/06/cambiar-o-eliminar-suscribirse-entradas.html

      Esto para la segunda:
      http://ciudadblogger.com/2010/08/ocultareliminar-los-creditos-en-las.html

      Y esto para la tercera:
      http://ciudadblogger.com/2009/04/personalizar-links.html

      Saludos.

      Eliminar
    2. Muchas gracias tio_))
      saludos.

      Eliminar
  76. Hola.)
    Tengo unas mini preguntas=)
    1) Como cambiar el ancho de la barra de navegacion de arriba???
    2) Y como hacer que los enlaces de la barra de navegacion no esten subrayados cuando pasas el mouse por encima_??
    Gracias=)

    ResponderEliminar
    Respuestas
    1. A la navbar no se le puede cambiar el ancho, sólo la puedes ocultar.
      Para los enlaces de navegación agrega esto:
      #blog-pager a{
      text-decoration:none;
      }

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

      Eliminar
    3. Pero este codigo "#blog-pager a{
      text-decoration:none;
      }" me vale para quitar el subrayado de los enlaces de navbar_?

      Eliminar
    4. La navbar es aparte, aquí puedes ver cómo quitarla:
      http://ciudadblogger.com/2009/01/eliminar-la-barra-de-blogger.html

      Eliminar
  77. Va ya me quedo claro.
    Gracias=)

    ResponderEliminar
  78. Hola, El Potro ;D

    Aprovecho antes de nada para agradecerte infinito los mil consejos que has ido dando en tu blog. Es realmente estupendo y a él se debe mucho de lo que ha hecho posible el que organizo ahora mismo ;DD Mil gracias, de verdad ;D

    Y, bueno, mi problema es que no consigo de ninguna manera que me funcione el colocar los enlaces de navegación justo debajo de la entrada y sobre los comentarios. Le he dado ya tantas vueltas, siguiendo al pie de la letra las indicaciones, que ya ni sé por dónde ando.

    Si pudieras, por favor, echarme un cable, te estaría enormemente agradecida.

    El blog es http://www.tiempo-de-heroes.com/

    No sé si debo darte alguna otra indicación, para que lo puedas mirar...

    Como verás, ahora mismo aparecen sobre la entrada. Hasta ahí he llegado. Temo que si trasteo más, esto va a implosionar ;DDDDDD

    Abrazos, ;DD

    Yolanda ;D

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Yolanda. ¿Pero sí tienes el código que se menciona en la entrada? Es que poniendo el código ahí donde se indica debería aparecer en ese lugar, sólo toma en cuenta que sólo es visible al ingresar a una entrada.

      Saludos.

      Eliminar
    2. Gracias a ti, además por la rapidez de tu respuesta ;D

      Seguro que algo he tenido que hacer mal, pero ni sé el qué. Mira, te explico:

      - primero cambié en

      (()) por ((

      ))

      - luego busqué el código que se indica para poner "encima de los comentarios". Busqué esa línea

      ((
      ))

      y pegué justo encima

      ((

      ))

      Porque lo que me piden es que la navegación de enlaces esté "bajo" la entrada y "sobre" los comentarios.

      Sí, sé que solo es visible al entrar en la entrada, pero no consigo verlo allí "abajo", sí lo veo si lo pongo justo encima de la entrada.

      Mira aquí, por ejemplo ((http://www.tiempo-de-heroes.com/2012/04/dia-10-graciela-pekinp.html)), es una entrada, no se ve, y está puesto como te he indicado.

      Me fueron muy útiles tus consejos para eliminar el navegador en entradas concretas y en etiquetas. Nuestro problema es que, claro, es un punto de lectura y los lectores tienen que tener una comodidad para pasar de un "capítulo" a otro, así que mejor que esté abajo (pero no bajo los comentarios).

      Por eso, además, quería restringir esos enlaces a los capítulos en concreto (y evitarlos en el resto de las páginas). Lo conseguí gracias a ti ;D

      Si quieres que te mande el código para que lo veas, encantada. No te quiero liar, fíjate con la de cosas bastante más complicadas que he podido ir haciendo siguiendo tus indicaciones, me da una rabia enorme molestarte con algo tan puntual. Pero es que se me ha atascado ;DD

      Eliminar
    3. ya decía yo que no iba a verse y lo metí entre (()) jaja. Bueno, me limité a pegar los códigos que indicas ( a ver si salen sin las esquinillas, pruebo), el primero general

      b:include name='nextprev'/

      En su lugar este:

      b:if cond='data:blog.pageType != "item"'
      b:include name='nextprev'/
      /b:if

      y luego el de "para sobre comentarios"

      /b:includable>
      b:includable id='status-message'

      pegando encima:
      b:if cond='data:blog.pageType == "item"'
      b:include name='nextprev'/
      /b:if

      Eliminar
    4. arrrf ;DD y dando más la matraca, que en esta segunda vez no me acordé de incluirte que ese primer cambio de b:include name='nextprev'/ lo hice dentro de
      !-- navigation --
      por si resulta útil la info ;D

      Eliminar
    5. Me siento fatal por los mil mensajes, pero te comento más datos:

      con este sistema indicado para poner "encima" de los comentarios (o sea, pegar eso encima de esas líneas), me dejaba de funcionar la plantilla en móviles. Te digo por si te resulta útil para algo.

      He quitado las líneas y vuelve a verse. No sé a qué se deberá. Si eso, ya se irá viendo. Nos leemos, gracias por todo ;D

      Eliminar
    6. Qué raro o.O
      Yo he probado ponerlos en una plantilla original de Blogger, miro la versión móvil y se ve bien, así que no sé porqué te pueda suceder eso :(

      Eliminar
    7. No sé... La plantilla es una normal de Blogger, aunque ya te digo, le he ido haciendo cambios, según se iba necesitando o por pura estética. Igual algo de todo eso entra por alguna razón en conflicto.

      Lo único, si algún día quieres el código, por curiosidad, yo te mando. De momento, pues nos quedamos con lo de que salgan los enlaces encima de la entrada, que ya está muy bien ;)

      Abrazos y muchas gracias! ;DD

      Eliminar
  79. Como me costó encontrar esta entrada, hace tiempo la habia leído pero perdí el marcador. Muchas gracias, me ha servido perfectamente.

    ResponderEliminar
    Respuestas
    1. Qué bueno que la hayas encontrado nuevamente, a mí me ha pasado igual con algunos marcadores :)

      Eliminar
  80. hola potro quiero preguntar algo en mi pagina quiero cambiar una opcion de mi pagina en la parte del menu lo que deseo cambiar es donde dice pagina principal por esto ''Home'' por que es muy largo el que tiene y no se como hacerlo por que es una plantilla de diseñador talvez puedas ayudarme mi pagina es http://animeshentai-sd.blogspot.com/ es para adultos,gracias de ante mano;.

    ResponderEliminar
    Respuestas
    1. Hola animeshentai, esa no es una plantilla del Diseñador, pero puedes cambiar el nombre de esa pestaña, sólo ingresa a la sección Páginas (en la nueva interfaz), o da click al ícono de edición del gadget y podrás modificar ese texto.

      Eliminar
    2. Gracias por tu ayuda no ay duda que eres un maestro con tus consejos,....

      Eliminar
  81. Yo lo que quiero es poner los enlaces, ya que estoy modificando una plantilla que descarge y por ás que he intentado no me sale, me aparece que falta la etiqueta de cierre b:widget , pero ya estuve checando y estan todas, pero no quierod ejarlo por que en verdad me gusto la plantilla :P

    ResponderEliminar
  82. Tambien queria que el link en los titulos de los post se muestre ya que en la plantilla no aparece, pero ahí si no tengo ni la más minima idea de que hay que hacer, espero puedas ayudarme, y gracias Potro, por cierto el link del blog es este
    http://clanrusso-legales.blogspot.com/ es solo un bog de pruebas

    ResponderEliminar
    Respuestas
    1. Lo primero no me queda claro, pero si necesitas poner alguno de estos datos sólo tienes que pegarlos donde se indica.
      Para los títulos, busca todos los <data:post.title/> y enciérralos entre:
      <a expr:href='data:post.link'> y </a>

      Eliminar
  83. Lo que trataba de decir es que los enlaces no vienen en la plantilla y al tratar de pegar los codigos pues simplemente no puedo guardar la plantilla por que dice que un codigo no esta cerrado... ya intente lo del titulo de los post poniendo encerrando los data:post.title así como me dices pero ahora redirige a la pagina principal

    ResponderEliminar
    Respuestas
    1. No debería suceder eso ya que en el DATA especifica que debe ir al post.link
      Lo otro pues no sé, primero debes asegurarte que no estén ocultos con CSS, pero si te está marcando error es que no lo estás poniendo en el lugar correcto, o no está completo, o estás eliminando algo sin darte cuenta.

      Eliminar
  84. Hola! este truco me gusta pero quiero poner los enlaces de navegación de la siguiente manera:

    Entradas antiguas - Página principal - Entradas más recientes

    porque en en orden que vienen no me gustan, pero no sé cómo hacerlo.

    ResponderEliminar
  85. Me rendi, creo que lo que hare, erá tomar pretado los estilos y comenzar desde cero en una minima ^^' d todas formas gracia por la ayuda Potro y igue con el écito del blog.

    ResponderEliminar
  86. Hola Potro ya lo hice y me funciono, mira es que tengo otra pregunta, lo que pasa es que es sobre el Scrollbar pero no encuentro tu entrada y ya tengo el código que me diste que es el siguiente:

    ::-webkit-scrollbar{
    height:11px;
    width:11px;
    background:white;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
    -webkit-border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb{
    background:#ccc;
    -webkit-border-radius:10px;
    border:1px solid #aaa;
    }

    ya lo puse en mi plantilla y funciono pero lo que quiero es que quede igualito a el de esta pagina:
    http://www.topicosweb.com/es/ejemplos/scrollbars.html
    Asi como con esa margen que no queda como tan a la orilla y con esa transparencia ¿cómo puedo hacerlo?

    ResponderEliminar
    Respuestas
    1. Hola Hobbie Media,

      Yo no ten di ese código, al menos no que yo recuerde. Pero si quieres tenerlo como ahí usa este:
      ::-webkit-scrollbar {
      width: 12px;
      }

      ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      -webkit-border-radius: 10px;
      border-radius: 10px;
      }

      ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: rgba(40,80,190,0.8);
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
      }
      ::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(40,80,190,0.4);
      }

      Sólo toma en cuenta que sólo funciona para Chrome y Safari.

      Eliminar
  87. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola AnimexFuture, mira esta entrada:
      http://ciudadblogger.com/2009/07/personalizar-los-links-entradas.html

      Revisa si tienes esos códigos, si fuera que tienes una imagen quítala y pon los códigos originales. Luego revisa si con eso ya se ven. Si eso no lo resuelve entonces cambia el código de la imagen por un texto, por ejemplo: Anterior.

      Pd. He tenido que eliminar el comentario por el aviso que está al final de la página.
      Saludos.

      Eliminar
  88. olle bro no me funciono para mi qu es la platilla pero he desido hacer mi propio diseño de blogger de pagina sera que me ayudas que no se mucho de html por favor si :( porque me amenazan de todas partes en cerrarme el blog que no es propia es copiada ntocnes decidi hacer mi propio diseño peo noce ayuda en serio te lo pido

    ResponderEliminar
    Respuestas
    1. Hacer la tuya te costará más trabajo sobre todo si no estás muy adentrado al HTML y CSS. Yo te diría que descargues una plantilla que se asemeje a lo que buscas, y a partir de ahí la vas personalizando para que quede como deseas.

      Eliminar
  89. olle bueno esta bien digamos que no kiero hacer la mia propia solo uqe me uedo con esa plantilla no e logrado activarle o ponerle esos enlaces de post antiguos tabmien las imagenes de los post por mas grande que uno las ponga y lo publica igual se pone pequeñitaa y depaso los post viejos desaparecen ayudame porfavor

    ResponderEliminar
    Respuestas
    1. ¿Hiciste lo que te dije del #94.1? Si tienes una imagen o palabra personalizada en esos enlaces tendrás que quitarla y poner el código original. O si bien, si tienes el código original pon una palabra personalizada.
      Las imágenes salen pequeñas porque tienes en los estilos que tengan esas medidas:
      .post img {
      border: 1px solid #45B7FF;
      height:248px;
      width:170px;
      background-attachment: fixed;
      float:none;
      margin-left:-10px;
      padding:0pt;
      }

      Sino quieres que se vea así entonces ese código tendrás que ponerlo en una condicional para que se aplique en todas partes menos en las entradas individuales:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  90. Gracias por la ayuda de esta entrada. Llevaba semanas sin encontrar solución. Abrazo!!

    ResponderEliminar
  91. Hola Potro,

    Muchas gracias por tus contribuciones, son muy interesantes y enriquecedoras.

    Te quería preguntar si se puede modificar la URL del enlace de "Página Principal" a una página de Inicio especial creada.

    gracias por tu atención!

    ResponderEliminar
    Respuestas
    1. No Nitida ONG, pero puedes usar un intro para que sea lo primero que se vea al ingresar a la portada del blog:
      http://ciudadblogger.com/2011/05/crear-un-intro-para-el-blog.html
      http://ciudadblogger.com/2012/01/crear-un-intro-para-el-blog-con-jquery.html

      Eliminar
  92. Muchas gracias Potro!! No era eso lo que buscaba del todo, pero también me sirve para aprender! Genial y muchas gracias!!

    Lo solucionaré con un redireccionamiento del URL a la página que quiero y ya está... ;)

    Gracias por todo y un saludo!!

    ResponderEliminar
  93. Hola Potro ! No se si sigues andando y respondiendo, pero te pregunto, por que no entiendo que me pasa !

    Bueno, yo, lo que quiero es mover esos botones, (navegación creo que se llama) atras, siguiente... Hago como tu tutorial, pero al pegarlo donde yo quiero, me da error blogger "no reconoce el elemento nextprex", si quieres echale un vistazo, lo que quiero es meterlo a pié de página, (casi al fondo), ahora mismo lo tengo CASI a pie de pagina. Puedo eliminar el elemento, pero moverlo, no lo reconoce. Lo intento meter en un div que está al final (para que aparezca al final, claro)

    Gracias ! y si me puedes ayudar mucho mejor !

    ResponderEliminar
    Respuestas
    1. Hola Adri, estos enlaces de navegación no se pueden colocar en todas partes, ya que el código que lee esos datos necesita de ciertas áreas para que pueda ser leído y ejecutado. Los lugares que se mencionan en esta entrada son los que seguro sí te funcionarán.

      Saludos!

      Eliminar
  94. Hola Potro gracias por todo , una pregunta como puedo hacer pero para que esta navegacion quede filtrada por etiquetas, cuando yo apriete el post de noticias por ejemplo y le de siguiente salga un siguiente de noticias?? gracias y espero regreses al 100 pronto

    ResponderEliminar
    Respuestas
    1. Hola BUFAGO READER, estos enlaces ya tienen esa función, es decir, si estás en la portada y le das "Entradas anteriores" te muestra las entradas previas sin importar nada excepto la fecha de la publicación, pero si estás en una página de etiquetas y le das click al enlace entonces te lleva a todas las entradas anteriores de la misma etiqueta, pero, esta función sólo aplica a las páginas de etiquetas, no a las entradas con determinada etiqueta.

      Saludos!

      Eliminar
  95. Nada no hay manera, uso el código para colocarlas entre los comentarios y el final de la entrada pero me desaparecen y no aparecen los enlaces por ninguna parte. ¿Sabes porque puede ser?

    Gracias!

    ResponderEliminar
    Respuestas
    1. No sé si haya otro código repetido en la plantilla, ya que uno es para la versión móvil y otra la versión web, tal vez moviste el de la versión móvil, no sé, no se me ocurre porqué otra razón pueda ser.

      Eliminar
  96. Hola Potro,
    He personalizado los enlaces de navegación y ha salido a la perfección. Mi duda es si en el color de fondo, se puede sustituír el color por una imagen... algo como la siguiente:

    Imagen

    ...de manera que queden los enlaces superpuestos encima de esa imagen, a cada lado.

    Gracias, y un beso

    Andrea, Entre lugas

    ResponderEliminar
    Respuestas
    1. Hola Andrea, justo en la entrada hay un enlace sobre ese tema. Saludos.

      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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger