Personalizar el gadget de Páginas estáticas

9 de febrero de 2010 415 comentarios ,
Desde hace unos días Blogger ya hizo oficial la opción de crear páginas estáticas en Blogger. Esto es que podemos crear páginas que no se mostrarán junto con las entradas sino que se podrán ver sólo cuando se dé click al enlace de dicha página; así que ya podemos prescindir del hack de ocultar entradas.

Crear una página es muy sencillo, sólo entra en Páginas | Página nueva | Página en blanco.
Redacta el contenido y publícala.

¿Cómo podemos ver el contenido de estas páginas?
Blogger nos da tres opciones, una es usando una Pestañas principales (debajo de la cabecera), Enlaces laterales (en la sidebar); o No mostrar, esta última es sin gadget, sólo nos da la URL de la página para agregarla donde tú elijas.

Quienes hayan escogido la primera o segunda opción verán que el menú de las páginas es extremadamente sencillo y sin chiste.

paginas blogger

Pero podemos personalizarlo para darle "otra cara" y hacer que parezca menú y no una simple lista de enlaces.
Para hacerlo sólo hay que agregar unos estilos en la plantilla, los estilos son los mismos que usaríamos para un menú simple, ya que el gadget de Páginas que nos da Blogger no es otra cosa mas que una lista de enlaces.

Para personalizar este gadget entra en Plantilla | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
/* Menú de páginas
----------------------------------------------- */
#PageList1 {
width: 100%;
border: 1px solid #625e00; /* Color del borde del menú */
background-color: #E0ECF8; /* Color de fondo */
}
#PageList1 ul li a {
color: #000; /* Color de los enlaces */
text-decoration: none;
font-weight: bold;
padding-right: 20px;
background: transparent url(http://2.bp.blogspot.com/_dsEG33PDaHw/S3GaMp5QZEI/AAAAAAAAAIg/sQHkDct7T44/s320/vertical.gif) center right no-repeat;
}
#PageList1 ul li a:hover {
color: #ccc; /* Color del texto al pasar el mouse */
position: relative;
left: 1px;
top: 1px;
}

El resultado será este.

He puesto en color verde las anotaciones para que lo personalicen a su gusto. Por supuesto pueden agregar más, como una imagen de fondo, otro tipo de letras, etc.

Sé que mucho pensarán -¿de qué me sirve ese menú si no puedo tener otros enlaces que no sean páginas estáticas?
Pues adicionalmente a lo que acabamos de hacer también podemos editar el gadget para mostrar otros enlaces que no sean las páginas estáticas.

Para hacerlo hay que entrar a Páginas | Página nueva | Dirección web. Ahí pon donde se indica la URL del enlace y el título del enlace.

También podemos cambiar el orden de las pestañas, lo hacemos también desde la sección Páginas, sólo arrastralas para cambiarlas de lugar.


Esta característica de las páginas es nueva, así que hay que atenernos al "humor" de Blogger ante cualquier cambio. Por mi parte las he probado y puedo decir que aceptan los scripts como el del sitemap y aunque se indexan no aparecerán en el feed del blog.


415 comentarios en:

" Personalizar el gadget de Páginas estáticas "

  1. Hola.
    te queria peguntar sobre que opinas de la moderacion de comentarios.

    ¿Es mejor moderarlos o no mederarlos?

    saludos

    ResponderEliminar
  2. Mmmm que raro, no puedo ver la opción página nueva :(

    Un abrazo!!!

    ResponderEliminar
  3. Hola!! tengo una pregunta.

    Verás, he añadido una página estática, y me aparece debajo del menú que viene por defecto en la plantilla (http://lluevencerebros.blogspot.com). ¿Habría alguna manera de que apareciese en el menú, o de cambiar el menún en sí? Gracias!

    ResponderEliminar
  4. El Venado, eso ya es a opción de cada quién, a mí en lo particular siempre que alguien modera comentarios me hace pensar que publica sólo lo que le gusta...

    brother, se supone que esa característica ya está liberada en Blogger normal, de todas formas puedes intentarlo desde Blogger in Draft.

    Rukia, de hecho esta entrada es para "aprender" cómo modificar ese gadget que se pone debajo de la cabecera, pero si no quisieras usar ese gadget puedes usar los enlaces (URL) de las páginas y ponerlas dentro del menú que ya usas.

    ResponderEliminar
  5. Hola el potro, es la primera vez que te comento. tengo una duda.
    Yo tengo un blog que en la plantilla está configurada con read more, y cuando intento poner una pagina, no me sale la pagina entera, si no, una parte y luego pone READ MORE y aunque aprete hay, no sale la pagina.
    ¿que puedo hacer?

    ResponderEliminar
  6. Aja! perdón, el problema era mio...

    Por un moemnto pensé que Blogger me estaba discriminando XD

    Un abrazo!!!

    ResponderEliminar
  7. potro tengo un gran problema..
    ¡los comentarios no aparecen!
    cuando tocas en deja un comentario
    abajo no hay nada!
    como van a comentar mis visitas...
    en el blog que tengo ese problema es:
    http://panfuamigos-ledwin3.blogspot.com/
    ayudame porfavor!
    SALU2!

    ResponderEliminar
  8. JkEandi, no debe cortar el contenido ya que el Leer más sólo corta las entradas listadas, pero en el caso de las páginas estáticas no se listan junto con las demás entradas.

    brother, pues ya debería aparecer en tu panel de Blogger normal, no sé porqué el tuyo no esté.

    Blogio, sigue los pasos del comentario #21 de esta entrada:
    http://ciudadblogger.com/2009/08/menu-horizontal-con-borde-superior.html

    ResponderEliminar
  9. El potro, muchas gracias por la información, me ha venido genial para solucionar otro problema de otro blog que tengo (a la información me refiero al comentario anterior)
    Pero el actual sigue mal.
    Me refiero a los siguiente:
    http://www.jkeandi.blogspot.com
    Si hago una pagina, como el leer mas está configurado desde la plantilla que me bajé... no sé si me entiendes... bueno.
    Si no, da igual.

    Un saludo Coordial

    JkEandi :)

    ResponderEliminar
  10. Tal vez tengas razon, perode seerasi, ¿como sabre en que entrada se ha publicado el comentario para podre responderlo?

    ResponderEliminar
  11. JkEandi, no veo ninguna página publicada ¿puedes darme la URL de una página para verla?

    El Venado, entra en Configuración > Comentarios y hasta abajo en Correo electrónico de notificación de comentarios agrega tu dirección para recibir un mail cada vez que alguien publique un comentario en tu blog.

    ResponderEliminar
  12. oh!
    gracias potro!
    te debo 1000000!
    eres el mejor!!!!
    de todos los blogs de ayuda este es el mejor!
    espero que la ciudad blogger nunca desaparesca!
    SALU2!

    ResponderEliminar
  13. Otra vez ando por aquí, Potro, buenas noches.
    Hace días creé dos páginas de estas, y me peleo con blogger por que he activado en ellas la opción de permitir comentarios, pero al ir yo misma a probarlo, pues me dice no sé qué de error "bX-aeubr5", que no tengo ni idea de lo qué es, y no se puede escribir nada de nada.
    ¿Será cosa de blogger, que todavía no está esto de las páginas muy conseguido o es cosa mía el que me salga mal?.
    Otra cosa, ummmmmm he leído por aquí, en otra entrada tuya que llamas al scriptaculous "código malicioso", ¿por qué? anda, aclarámelo, que ya sabes que lo tengo puesto en el blog y me da "cosa"; por otro lado .... tú también lo tienes, entonces supongo que no será muy peligroso, ¿no?
    Me voy a dormir, a reiniciar, o lo que sea jejejejej
    Gracias, y besos, Potro

    Ío

    ResponderEliminar
  14. perdona estarmolestandote muy seguido,pero es que acabo de recordar los que te iba a preguntar el otro dia.

    es sobre las plantillas que tienen la palabra deverificacion, la cual no me deja comentar, crees que sea cuestion de plantillas, porque hay algunos blogsque aun con la verificacion se puede dejar comentarios.

    ResponderEliminar
  15. Blogio, gracias por tus deseos :D

    Ío, no es nada mal que estés haciendo; desde hace un par de días muchos están reportando el error bX-aeubr5 al querer hacer un comentario en las páginas estáticas, es uno problema en el que Blogger ya debe estar trabajando. Respecto a Scriptaculous, no es un código malicioso, sólo lo llamamos así en ese comentario porque es el causante de que la Lista de seguidores no se vea, pero no es perjudicial en nada ;)

    El Venado, efectivamente es por la plantilla, cuando se hacen muchas modificaciones se ve afectada esa área, es por eso que hay que informarle al dueño del blog que está ocurriendo ese problema para sugerirle que quite la el código de verificación.

    ResponderEliminar
  16. gracias, de hecho estoy haciendo un tutorial para quitar la verificacion, ya que no todos tienen la suerte de caer en este blog, y muchos no saben que hacer.

    Tambien pondre tu respuesta comouna cita citas bibliografica.

    saludos.

    ResponderEliminar
  17. holaa, muy interesante el articulo :), tengo una pregnta, yo pongo el gadget de las paginas estaticas, de ahi saco los links de las paginas que no quiero se vean y los pongo en mi menu y desp elimino el gadget y igual siguen quedando como estaticas o ocultas? o cuando elimino el gadget dejan de ser estaticas?

    un abrazo grande y muchas gracias por siempre hacer tan buenos post :)

    ResponderEliminar
  18. listo, cuando veas el comentario no les des importancia, ya entendi lo que decis de sin gadget :D jaja, muchas graciass por todoo

    ResponderEliminar
  19. gracias por responderme, el problema es que cuando agrego una pagina estática, me aparece el menú debajo del menú ya existente. ¿Cómo puedo hacer que aparezca en el menú de la plantilla? ¿Se puede eliminar el menú?

    ResponderEliminar
  20. El Venado, estaré al pendiente :)

    Ezequiel, creo que esta vez no me dí a entender muy bien :( jaja, qué bueno que ya supiste cómo!

    Rukia, te iba a explicar cómo hacerlo pero veo que ya has logrado ponerlo dentro de tu menú :)

    ResponderEliminar
  21. Sí, muchas gracias por tomarte la molestia ^^

    ResponderEliminar
  22. Si te doy la URL De la pagina, pero te pido disculpas, porque el problema lo tenía en este blog
    http://www.englishdetodojk.blogspot.com.

    La pagina es la siguiente:
    http://englishdetodojk.blogspot.com/p/internado.html

    Bueno, espero que me ayudes.
    saludos
    JkEandi

    ResponderEliminar
  23. Hola JkEandi,

    El problema con esa plantilla es que la forma automática de Leer más aplica parte de los códigos también para las páginas estáticas, y como esto de las páginas es nuevo aún no han puesto las condicionales en las plantillas en las plantillas que no son de Blogger. Estuve haciendo unas pruebas usando los nuevos códigos pero no tuve éxito.
    De cualquier modo si más adelante descubro cómo hacerlo te aviso.

    Saludos.

    ResponderEliminar
  24. gracias! me sirvio de mucho. También queria aportar algo, veras descubri que en el balcon d jaime hay algo paresido a esto.

    En este posts: http://elbalcondejaime.blogspot.com/2010/01/personalizar-la-lista-de-paginas.html

    Solo queria compartirlo ya q con ese tutorial y este se personalisa el gadget muyyy bien.

    Pues lo dicho, gracias!

    ResponderEliminar
  25. Ahhh, vaya, era eso¡¡¡ me quedo tranquila entonces; y lo de los comentarios, pues lo mismo, jejjeej
    Besos, Potro

    Ío

    ResponderEliminar
  26. ^^, muchas gracias por compartirlo; ciertamente la entrada de nuestro querido Jaime combina perfecto con este tutorial. Saludos.

    Ío, no hay nada de qué preocuparse ;)

    ResponderEliminar
  27. JkEandi, encontré una opción que explica Pizcos para solucionar ese problema:

    http://humanossinsentido.blogspot.com/2010/01/paginas-estaticas-como-expandirlas.html

    Saludos.

    ResponderEliminar
  28. muchas gracias el potro, ahora me paso, perdon por molestarte tanto :)

    ResponderEliminar
  29. Ojalá te sirva para resolver tu problema, leí que responde a cada caso de plantilla en particular ;)

    Saludos.

    ResponderEliminar
  30. Si porque lo intenté... pero no me sale...
    A ver si me deja enviarle la plantilla... espero que si :)

    Gracias :);)

    P.D.Eres el mejor!!!

    ResponderEliminar
  31. No, si vos te diste a entender bien, yo me saltee un paso por eso jaja, muchas gracias :)

    ResponderEliminar
  32. Jajaja, bueno, lo importante es que todo salió bien ;)

    ResponderEliminar
  33. Amigo no me funciona el script del sitemap en las paginas.
    Ayudame...
    URL: http://goo.gl/N8MO

    ResponderEliminar
  34. Hola Administrador,

    El script funciona, el problema es que las Páginas tienen problemas cuando en el blog se tiene el Leer más de forma automática.
    En el comentario #28 hay un enlace donde al parecer tienen una solución al respecto.

    Saludos.

    ResponderEliminar
  35. Potro,

    Ya me di cuenta ;)
    Pero no encuentro forma de resolver el problema ya que mi plantilla tiene un script que crea el resumen y la imagen...

    Bueno pero Gracias por tu ayuda...
    He usado varios de tus trucos y funcionan Muy Bien!!

    ResponderEliminar
  36. En el enlace del comentario que te mencioné está una posible solución, aunque no aplica para todos los casos, al menos yo lo intenté en un blog que tiene ese mismo problema y no tuve buenos resultados.
    Habrá que investigar un poco más cómo manipular los nuevos códigos de las Páginas estáticas para solucionar ese problema.

    Saludos!

    ResponderEliminar
  37. Hola, El Potro,

    Buscando en google una solución para el problema de expandir una entrada en página estática, encontré tu web y realmente está excelente!

    Yo estoy usando la plantilla MobiPress, y usa un script que resume las entradas con texto y una pequeña imagen. Creé una página estática y lamentablemente también sale resumida y peor aun, no se puede expandir... Quisiera preguntarte si hay alguna manera de que esa entrada sea independiente del script, y pudiera salir de manera completa.

    Gracias!

    ResponderEliminar
  38. Hola PuXo,

    Bienvenido a Ciudad Blogger!
    Hasta el momento parece ser que la única solución es la que explica Pizcos en su blog:
    http://humanossinsentido.blogspot.com/2010/01/paginas-estaticas-como-expandirlas.html

    No puedo asegurarte que el problema en tu plantilla se arregle, pero puedes intentarlo consultándole.
    Yo por mi parte seguiré intentando ver si encuentro otra forma que pueda solucionar el problema, de ser así ten seguro que lo compartiré y será publicado.

    Saludos.

    ResponderEliminar
  39. Oye El Potro, podrías enviarme un correo a webmaniatico@gmail.com para poder hablar contigo en privado, para dudas mías y quizás se me ocurra algún consejo (lo cual dudo).

    Un Saludo:
    Muzgo

    ResponderEliminar
  40. El Potro, lo he conseguido!!! Ayer estuve horas y horas tratando y finalmente pude!

    http://descargalared.blogspot.com/p/aviso-legal.html

    Gracias!

    Ahora voy a ver más tutoriales que he visto muy buenos acá.

    ResponderEliminar
  41. muzgo webmaniatico, si necesitas ayuda acerca de un tema que NO está en el blog usa el formulario de contacto que se encuentra en la sidebar.

    PuXo, qué bueno que lo lograste, tuviste más suerte que yo ;)

    ResponderEliminar
  42. Hola, tu página es la única que me ha servido para modificar un tanto cuanto mi menú (ya es mi pesadilla) sin embargo, en vez de salirme alineadas horizontalmente las pestañas, me aparecen de manera vertical. ¿Cómo cambio eso?

    Ya si lo logro, haré lo de los colores.

    Puedes entrar a mi página por el perfil y verlo ahí por ti mismo. Mil gracias.

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

    ResponderEliminar
  44. Ya te mandé el código. Ojalá encuentres el fallo. ¡Eres mi héroe!

    ResponderEliminar
  45. No encontré el fallo pero sí una solución. Sólo agrega al primero código que menciono en esta entrada esta parte:

    #PageList1 li {
    float:left;
    padding-bottom: 10px;
    margin-top: -20px;
    }

    Con eso tu menú se verá horizontalmente.
    Saludos!

    ResponderEliminar
  46. Perfecto. ¿Dónde lo pongo? No quiero meter la pata. Gracias.

    ResponderEliminar
  47. Puedes ponerlo debajo de esto:

    #PageList1 {
    width: 100%;
    border: 1px solid #625e00; /* Color del borde del menú */
    background-color: #E0ECF8; /* Color de fondo */
    }

    ResponderEliminar
  48. ¡Perfectísimo, mil gracias por tu ayuda! Ha quedado bien el menú, ya le arreglé los colores. Traté de resolver esto con más de cinco blogs, pero definitivamente el tuyo fue el ganador. Te doy un #FF en mi Twitter y un link en mi página personal. ;)

    ResponderEliminar
  49. Excelente y lo mejor es que tienes un excelente gusto con esos colores que elegiste.
    Saludos!

    ResponderEliminar
  50. Hola Potro!!

    Como siempre, q buenas aportaciones... si no es xq visito tu pagina seguido ni me entero de este nuevo gadget...

    Necesito tu ayuda jajajaja como puedo hacer q esas paginas keden dentro de el menu deslizante q tengo?? crees q se pueda?? o minimo q el menu de las paginas quede parecido al deslizante...

    O dame algunos consejillos para arreglar esta parte, porfa!!!

    Cuidate mucho!!!

    ResponderEliminar
  51. Hola LiLiS,

    En ese caso no uses el gadget de Páginas, sino que cuando crees tu página y te pregunte qué gadget quieres usar verás que hay una tercera opción que es 'obtener la URL de la página'.
    Esa URL es la que deberás poner en tu menú deslizante, así no habrá necesidad de tener dos menús y podrás integrar tus páginas al menú que ya tienes.

    Cualquier duda me comentas.
    Besos!

    ResponderEliminar
  52. Hola El Potro:

    he aplicado el gadget de crear páginas estáticas de Blogger y lo he personalizado siguiendo tus indicaciones.

    ¿como podria añadir nuevas entradas en cada página estática?

    Muchas gracias
    Damià
    http://pulpojusticiero.blogspot.com/

    ResponderEliminar
  53. Las entradas son distintas, esas se escriben como lo harías normalmente en Creación de entradas. Páginas estáticas sólo puedes crear un máximo de 10.

    Saludos.

    ResponderEliminar
  54. Hola Potro....

    Ps soy muy torpe jajaja... me puedes explicar con peras y manzanas, xfa????

    Saludos!!

    ResponderEliminar
  55. Hola LiLiS,

    No sé cómo ser más claro :(

    ResponderEliminar
  56. Hola Potro!!

    jajajaja, me dio risa tu contestación... pues haber me iré desde el principio. Mencionas en tu post que hay 3 opciones para las páginas. La primera es la de sidebar, la segunda la del menú debajo de la cabecera y la tercera que sólo es el url. Ésta última no se cómo hacerla, vaya, como obtengo el url. ¿Me ayudas?

    ResponderEliminar
  57. Ahora sí nos entendemos :D

    Cuando hagas la página y le des Publicar te aparecerán tres opciones, gadget en la sidebar, pestañas y Sin gadget, selecciona este último y guardas los cambios, en seguida te aparecerá como cuando creas una entrada y te dirá Ver página, haz click ahí, abrirá la página, copia la URL que veas en la barra de direcciones que esté en tu navegador y listo :) Esa es la URL de esa página.

    ResponderEliminar
  58. Hola Potro!!
    Pues ya hice eso, puse la URL en el menú, pero se ve raro... no se a q se debe, lo puedes chekar xfa??

    http://cesar-esquivelch.blogspot.com/

    ResponderEliminar
  59. Hola LiLiS,

    Es que tienes el código así:
    <li><a href="http://cesar-esquivelch.blogspot.com/p/bibliografia_05.html"></a> Bibliografía </li>

    Y debe ser así:
    <li><a href="http://cesar-esquivelch.blogspot.com/p/bibliografia_05.html">Bibliografía</a></li>

    Saludos.

    ResponderEliminar
  60. Hola Potro!!

    jajajaja!! si, tenías razón, pekeño error... muchas gracias!! siempre es de gran ayuda tus aportaciones!!

    Saludos y un beso!!

    ResponderEliminar
  61. Hola Potro, perdona por molestarte, pero no sé qué puedo hacer, estoy creando un blog http://alquilervacacionesmarbella.blogspot.com he insertado 4 páginas con información turística pero al pinchar en ellas solo me sale parte del texto ya que la plantilla trabaja con el rollo ese de Read More, y aunque pinche en Read More el texto no se despliega, sabes qué puedo hacer????

    ResponderEliminar
  62. No me hagas caso Potro,que ya lo he conseguido, gracias de todas formas.

    ResponderEliminar
  63. LiLiS, es lo complicado de los códigos, un movimiento en falso y se arruina :S

    Villa Rosa, no hay nada que agradecer, tú lo has podido arreglar ;)

    ResponderEliminar
  64. Hola Potro, se puede poner la pagina estática ocupando todo el tamaño del outer-wrapper y si es si ¿como lo hago? Gracias.

    ResponderEliminar
  65. Aunque creo que mi plantilla Rounders 3 no se puede hacer, por el tema de tener imágenes en las esquinas.

    ResponderEliminar
  66. Exacto, con esa plantilla es todo un problema pues no son sólo las esquinas redondeadas, todo el contenido del main y de la sidebar son imágenes por lo que se vuelve un lío.

    ResponderEliminar
  67. Hola por fa ayudame... llevo años usando blogger pero recien empeece a usar paginas, el asunto es que estoy intentando vincular imagenes con las url de las paginas pero me sale que la pagina que estoy buscando no fue encontrada en el blog tal y cual... revisé los links y si son los mismos de las páginas pero tal parece que solo funcionan cuando se hace uso del famoso widget de paginas. Hay alguna solucion?

    ResponderEliminar
  68. No, no, la URL de las páginas debe funcionar en donde sea, ya sea el widget de Blogger o cualquier otro menú. Tendría que ver qué código estás poniendo para ver dónde está el error.

    Saludos.

    ResponderEliminar
  69. hoye yo tengo una pregunata y quiero poner una imagen y que al dar clik en la imagen salgan los capitulos que de una serie como ago eso hermano te agradeceria si me lo dijieras

    ResponderEliminar
  70. OK MIRA BRO YO TENGO UN BLOG DONDE HAY AMINES Y LO QUIERO ACER DIFERENTE QUIERO PONER IMAGENES Y DENTRO DE ELLAS PONER LA SERIE PERO NO SE COMO ACERLO E TRATADO PERO NO ME DA RESULTADO SI PUDIERAS ESPLICARME TE LO AGRADECERIA OK MI PAJINA ES http://pablo-chatnaruto.blogspot.com/

    ResponderEliminar
  71. Hola zetusu,

    No sé si te he entendido muy bien, pero en si creo que se trata de un simple menú, sólo que el enlace sería una imagen.
    Para ello tendrías que usar este código:
    <a href="URL del enlace"><img src="URL de la imagen" /></a>

    Ahí agrega la URL de la imagen a la que quieres que le hagan click, y en donde dice URL del enlace pon el enlace a la serie que quieres.

    Saludos.

    ResponderEliminar
  72. hola potro mira te esplico bien yo quiero poner una serie tiene 200 capitulos ok le pongo texto despues la imagen y despues lista de enlaces ok entonses abajo de la imagen estan los capitulos capitulo 1 capitulo 2 .... etc.. ok asta llegar al 200 pero yo lo que quiero es que ya no se vean abajo de la imagen si no que los quiero poner adentro de la imagen todos los capitulos asi cuando dentren a mi pajina solo vena la imagen del anime y solo agan clik alli y les aparescan los capitulos ok
    si puedes alludarme te lo agradeceria on amigo y gracias men ok bye

    ResponderEliminar
  73. Tendrías que poner esos capítulos dentro de una entrada o una página estática, luego usa el código que te mencioné en el otro comentario, de esa forma cuando alguien haga click en la imagen se abrirá la página donde están todos los enlaces a los capítulos.

    Saludos.

    ResponderEliminar
  74. ok pero como ago esa pajina estatica mira disculpa por molestarte ok pero no se como acerlo y yo quiero mejorar mi pajina si pudieras darme una esplicacion mas censilla te lo agradeceria yo ya intente acerlo con el codigo que me dises pero no se donde meterme en la lista de blogger
    me meto a nueva entrada pero no es alli creo que me buelbo loco jaja si puedes alludame si potro pls te lo agradecerio gracias bye

    ResponderEliminar
  75. Entra en Creación de entradas > Páginas, ahí crea una página nueva, pon ahí los capítulos tal como lo hiciste antes.
    Cuando termines te dirá que si deseas agregar el gadget de páginas en el blog, le dices que sí y tendrás un menú en tu blog, cuando le des click al título de la página que hiciste se abrirá y aparecerán todos los capítulos que pusiste.
    Si en lugar de ese menú quisieras una imagen entonces entra en Diseño > Edición de HTML y ahí pegas el código que te di anteriormente, en la URL del enlace pones la URL de la página que acabas de crear.

    Saludos.

    ResponderEliminar
  76. Hola: soy nueva en esto y estoy experimentando.
    ¿Por qué salen las esquinas negras de los gadgets?
    El blog es :
    http://alsondemaribelypaco.blogspot.com/
    Agradecería cualquier idea, comentario, consejo.....
    Muchas gracias.

    ResponderEliminar
  77. Hola Alicia,

    La plantilla que tienes usa imágenes para definir los bordes y esas imágenes tienen los bordes color azul marino, pues ese es el fondo original de la plantilla, es por eso que los ves de ese color.

    Saludos.

    ResponderEliminar
  78. Lo primero, ¡gracias por contestar tan rápido!
    No sé cómo se hace: quiero que no se vean las esquinas azules, sino de su color.
    ¿Cómo?, porfa
    Un saludo.

    ResponderEliminar
  79. Lo conseguí: gracias a tu comentario he tenido un flash.
    Muchas gracias.

    ResponderEliminar
  80. Perfecto! Me alegro que ya lo hayas solucionado y que haya quedado como querías.

    Saludos!

    ResponderEliminar
  81. Hola Potro, quisiera saber como puedo hacer para cambiarl los iconos de los menus que hay en mi blog, como ejemplo, los ULTIMOS COMENTARIOS, Ultimas entradas. Veo que en tu caso cada uno tiene un icono diferente podrias compartir el codigo? Saludos.

    ResponderEliminar
  82. Hola Borest,

    Aquí está la entrada que explica cómo hacerlo.

    Saludos.

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

    ResponderEliminar
  84. He suprimido el comentario porque ya he solucionado el problema, simplemente darte las gracias porque el resultado ha sido exquisito y felicitarte por el Blog que está estupendo!

    ResponderEliminar
  85. Gracias a ti por tu visita, qué bueno que ya pudiste solucionarlo =)

    ¡Saludos!

    ResponderEliminar
  86. Hola el Potro, hoy he estado revisando largo y tendido varios post de tu blog y en este he pensado en hacerte una pregunta para retocar el título de las páginas estáticas. Pues bien cuando entro en una, el título aparece muy pegado a la barra de menú y no tengo ni idea de como ponerle algo de margen. Si me pudieras ayudar te estaría muy agradecido. Un saludo!

    ResponderEliminar
  87. Hola guiye,

    Eso puede deberse a los estilos de la sidebar cuando se está en las páginas estáticas.
    ¿Qué método usaste para ocultarla?

    ResponderEliminar
  88. Hola Potro, creo que esta entrada no tiene mucho que ver con lo que te comentare, pero no encontre algo similar. Mira hace un rato trate de instalar una plantilla, todo fue bien hasta que cuando vi el blog, ( como habia quedado) la parte de las entradas estaba en su lugar, pero a la derecha de ellas, (la plantilla es de 2 columnas) aparecio un menu, pero no justamente como yo pense, pues a la hora de ir DISEÑO>ELEMENTOS DE LA PAGINA, solo veia la parte de las entradas, y el ''supuesto menu'' no estaba, ni la opcion de agregar widgets ni nada de eso, se podra crear una parte donde pueda agregar un menu, que quede justo como ese que ahora esta, pero que a este si se le pueda agregar widgets? Ojala entiendas y me puedas ayudar. Saludos.

    ResponderEliminar
  89. Perdon olvide poner el blog donde actuallmente tengo esa plantilla. Mira es este blog,http://borest-borest-net.blogspot.com Saludos.

    ResponderEliminar
  90. Si te refieres al menú debajo de la cabecera busca en tu plantilla esta línea:
    <div id='topmenu'>

    En seguida están los enlaces para modificar.
    Cuando no encuentres en tu plantilla un elemento busca directamente desde Edición de HTML, ahí lo localizarás.

    Saludos.

    ResponderEliminar
  91. No, me refiero al ''supuesto menu que esta en la parte derecha donde dice ''Sponsors'' pero no me deja agregar ningun widget entonces yo queria saber que codigo poner ahi para agregar widgtes. Mira hice estas imagenes para ver si me entiendes mejor. esta es la imagen 1: http://img.webme.com/pic/b/borest/image1.png la imagen 2: http://img.webme.com/pic/b/borest/image2.png Saludos.

    ResponderEliminar
  92. Hola el potro!..un saludo muy especial.
    Te comento que inserté el código como tú lo indicas para personalizar las páginas estáticas, pero cuando guardo la plantilla no me aparece el cambio...no se que pasa?....la plantilla que yo uso es la denim...si crees necesario visitar mi blog, la url es http://leonardoediaz78.blogspot78.com...muchas gracias!

    ResponderEliminar
  93. Hola Leonardo,

    Necesitaría ver el código puesto en tu plantilla para darme una idea de qué puede estar pasando.

    Saludos.

    ResponderEliminar
  94. Borest,

    La forma en cómo aparezcan los elementos dentro del panel de Diseño no importa, lo que importa es cómo se ve en el blog.

    Ahora, el diseñador lo que hizo fue poner esos gadgets directamente en la plantilla, no en un elemento HTML/Javascript, así que para editarlos, o quitarlos debes hacerlo directo en la plantilla, sólo busca el nombre del gadget para que encuentres el código.

    ResponderEliminar
  95. Pero en caso de quiera agregar en elementos de la pagina un menu donde diga agregar un gidget, se podra hacer eso? Esque creo que es mas sencillo para mi hacer eso. Saludos.

    ResponderEliminar
  96. Al menos en esos gadgets no, pues como te dije están directamente en la plantilla, no están dentro de un área "normal" de gadgets.

    Saludos.

    ResponderEliminar
  97. Ok, bueno de todos modos gracias. Saludos.

    ResponderEliminar
  98. Potro:
    Estoy probando con la url del enlace.
    Donde diablos la veo? (ya esta creada la página estática)

    Saludos.
    Jpz.-

    ResponderEliminar
  99. Dale Publicar, escoge un gadget (momentaneamente) y en el link del gadget podrás sacar la URL, ya luego borras el gadget.

    Saludos.

    ResponderEliminar
  100. Hola Potro.Tengo una duda.
    Yo he puesto el menú de páginas estáticas debajo de la cabecera.Después de la primera pestaña,que por defecto es la de página principal,yo la tengo cómo inicio,he puesto unas cuántas más.Pero les he puesto la URL de mis etiquetas.Sólo las dos del final que he nombrado:Sobre mi; y Contacto,son estáticas o sea,sin ponerles URL.Cuando pincho en una de las pestañas que está ligada a una de mis etiquetas me lleva a todo el contenido de ésa etiqueta,pero lo raro es que en el menú de pestañas desaparecen todas las que he ligado a una etiqueta.Sólo se muestran las dos últimas,Sobre mi y Contacto,junto a la de Inicio.Para ver todas las pestañas de nuevo tengo que volver a la página principal.Ésto es normal?

    http://ivanserranogarcia.blogspot.com/

    Gracias de antemano.

    ResponderEliminar
  101. Ummmm pequeño detalle...
    Entonces creo que lo mejor será poner los enlaces de las páginas en un menú normal para que al mismo tiempo puedas meter links de entradas sin que tengas ese problema.

    ResponderEliminar
  102. Ok Potro.Todavía no sé si dejaré éste o pondré uno normal.Después de todo,el problema no es grave,pero si se puede solucionar pues mejor.

    Gracias!

    ResponderEliminar
  103. Bueno, a ver si alguien me ayuda pq yo no puedo...
    Intento añadir mas paginas web a la lista de páginas web. Y no hay forma de añadir nada, solo me sale la primera. Donde tengo el fallo/problema???

    ResponderEliminar
  104. Hay una parte del código que es muy parecida a la otra, quizá lo estás agregando ahí.
    Si en el gadget quieres tener además de las páginas estáticas poner enlaces de otro tipo, lo más recomendable es que uses un menú convencional para que no tengas tantos problemas y para que puedas darle mejor formato de personalización.
    En la sección Menús puedes ver algunos menús que puedes usar.

    ResponderEliminar
  105. Disculpa que te haga esta pregunta pero no se donde hacerla. Me gustaria tener dos entradas diferentes, es decir, (ejemplo) en una publicar lo relacionado a estrenos de cine y solo estrenos y en otra publicar la ciritica acerca de las peliculas. Seria algo asi como tener dos blogs en uno, y poder tener debajo de la cabecera : estrenos, y al lado, criticas. Seria algo como las paginas pero no estaticas.
    Si puedes ayudarme por favor.
    Gracias.

    ResponderEliminar
  106. En ese caso podrías etiquetar tus entradas, las entradas que sean de estrenos que lleven la etiqueta 'Estrenos' y las de críticas pueden llevar la etiqueta 'Criticas', de este modo podrás mostrarlas por categorías usando un menú.
    Aquí hay más información.

    Saludos.

    ResponderEliminar
  107. Hola el POTRO, soy nuevo en esto de blogs.

    En la parte donde das un texto para copiar y pegar en Edicion de html.
    Lo he pegado exactamente donde dices, lo guarde y sigue igual.Me podrias ayudar.Gracias

    ResponderEliminar
  108. como hago para incluir un submenu en una de las paginas estaticas ya creadas para enlazarla a una de las estdradas

    ResponderEliminar
  109. Una subpestaña no se puede pero puedes agregar otros enlaces dentro de ese menú tal y como se explica en la entrada.

    ResponderEliminar
  110. hola!! tengo un problema, cómo hago para centrar el gadget páginas, habiendo elegido "lista de enlaces en la sidebar". se puede?? cómo??

    GRACIAS DE ANTEMANO

    ResponderEliminar
  111. Los menús horizontales todos se alinean de izquierda a derecha y se van "centrando" conforme se llenan, es decir, si tienes todo el menú lleno parecerá centrado, aunque en realidad sigue alineado a la izquierda.

    ResponderEliminar
  112. mil gracias, ya tengo mi menu si le quieres echar un vistazo a mi blog este es el enlace:
    http://formulauno-auto.blogspot.com/

    ResponderEliminar
  113. que tal potro, mira fijate que tengo un problema con las paginas estaticas, tengo un menu con rotulo deslizante y pude agregar el link de mi pagina estatica, pero el problema esta que me carga la pagina normal digamos el inicio y cuando le doy click en el icono de mi seccion que dirige a la pagina estatica que cree no me limpia la pantalla si no que mas bien esa casilla aparece hasta abajo, como puedo hacer para que aparezca solo la info que tengo y que el inicio ya no salga?

    me explico.

    ResponderEliminar
  114. No he entendido eso de que no te limpia la pantalla, en si los gadgets y todo lo que tengas seguirá saliendo a menos claro que ocultes los gadgets en las páginas estáticas o que ocultes la sidebar igual en las estáticas, pero sino el resto del contenido de tu blog seguirá saliendo.

    ResponderEliminar
  115. Hola Potro
    ocurre algo súper extraño con mis páginas
    en la pestaña editar página, introduzco la información y todo funciona perfectamente pero, al momento de publicar la página no se visualiza nada
    que puede pasar?

    gracias
    Pauli

    ResponderEliminar
  116. Hola Pauli, necesitaría que publiques una página y me des la URL de esa página para verificar qué podría estar pasando.

    ResponderEliminar
  117. Gran truco, me fue de mucha ayuda. Muchas gracias Potro

    ResponderEliminar
  118. Muchas Gracias llevo dias buscando como hacerlo y gracias a ti lo encontre, me a gustado mucho el resultado mira
    http://crepusculosagamexicoamantedetaylor.blogspot.com/
    A ver si me promocionas o algo porfis bueno te cuidas besos

    ResponderEliminar
  119. Qué bueno que te ha sido útil y te ha gustado el resultado :)

    ResponderEliminar
  120. Hola Potro, quería hacerte una consulta.

    Yo cree un blog sobre una serie de televisión, y una de las pestañas del gadget páginas, está destinado a los personajes que en ella aparece, y al pinchar sobre el nombre de cualquiera de ellos, se direcciona a la biografía de cada uno, que está en otro blog independiente.
    Mi pregunta es ¿Hay alguna forma de poner el gadget página del blog al que se redirecciona para que cuando pinches en la pestaña de página principal, se direccione al blog principal?

    Gracias por adelantado.

    ResponderEliminar
  121. Hola Javier,

    Expande los artilugios, busca esta parte:
    <b:if cond='data:link.isCurrentPage'>
    <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>

    Y cámbiala por esta otra:
    <b:if cond='data:link.isCurrentPage'>
    <li class='selected'><a href='http://google.com'><data:link.title/></a></li>

    Donde dice google.com cámbialo por la URL del enlace que deseas poner.
    Saludos.

    ResponderEliminar
  122. Muchas gracias Potro, me has vuelto a ser de mucha ayuda.

    ResponderEliminar
  123. Muchisimas Gracias. este aporte que he podido utilizar sin ningun problema le da una funcionalidad y mejor aprovechamiento a la herramienta que estoy diseñando para mis cursos universitario. Como profesor estoy en la linea de incorporar a mis participantes en el uso de las TIC´s con voluntad e ilusión. Nuevamente mil gracias por sus ayudas. Miguel Angel.

    ResponderEliminar
  124. Seguramente será todo un éxito tu proyecto. Saludos y cualquier cosa por aquí estamos.

    ResponderEliminar
  125. Potroooo una vez más solicito tu ayuda...

    Primero gracias por los menús están super buenos, ahora a lo que vengo, mira este blog http://bl0gdeprueba.blogspot.com/ quiero cambiar el diseño en que se muestran las paginas ese "menú" que tiene esa plantilla, hay alguna forma de cambiarlo?? es que he intentado con casi todos los menús que pusiste, pero si le pongo imagen sale la imagen pero de inmediato vuelve a aparecer ese menú, me sucede lo mismo con todos los que das, AYUDAME por favor! xD

    ResponderEliminar
  126. Aún no conozco a fondo esas plantillas pero me parece que eliminando todo lo que hay dentro de:
    /* Tabs
    ----------------------------------------------- */

    Podrás poner otro menú sin que interfiera el anterior.
    Saludos.

    ResponderEliminar
  127. Gracias Potroooo funciona!

    Pero cómo hago para que quede un espacio abajo del menú(separado el menú de la parte de las entradas), para que se vea mejor estéticamente?? me refiero como ese espacio que dejas tu donde dice "Anuncios google, blogger, html...", pero sólo el espacio sin letras ni nada

    ResponderEliminar
  128. o.O te pille!!

    crei q lo sabrías (siempre salgo con mis preguntas fuera de lo común xD)pero bueno si lo logro hacer lo posteo aquí xq me haz sido de mucha ayuda =D

    ResponderEliminar
  129. Hola Potro aca Rodrigo nuevamente.
    Te consulto esto porque no pude encontrar la solución en ningun lado.
    Quiero anular el gadget de música cuando la gente entra a las páginas estáticas.
    La web es: http://muchamuchamierda.blogspot.com/
    Espero me puedas ayudar.
    De paso te pido el código para agregar un banner de tu web.
    Abrazo y buen fin de semana!
    R.

    ResponderEliminar
  130. Hola Rodrigo,

    Mira esta entrada que explica cómo mostrar los gadgets sólo en la portada, pero en su lugar, cambiarás la primera línea que se agrega por la que se menciona en esta otra entrada sobre las condicionales de Blogger, específicamente la que es para 'Mostrar /ejecutar un elemento en todas las páginas MENOS en las páginas estáticas'.

    Los banners de Ciudad Blogger los puedes encontrar aquí.

    Saludos y buen fin de semana también.

    ResponderEliminar
  131. Muy buena esta entrada, el primer tema ya lo traen las nuevas plantillas, pero el segundo viene muy bien. Haber si sabes como resolver esto: Tengo un blog de los nuevos al que le he creado paginas (estaticas), pero quiero que en esas paginas no se vea el gadget de la cabecera que en mi caso es una imagen, pero que si se vea el gadget del enlace a las nuevas paginas. Seria como ocultar o eliminar la cabecera ( o gadget que esta en la cabecera en paginas estaticas del nuevo blogger.
    Un millon de gracias de nuevo.El blog es http://www.mulleresruraisaxuntanza.com/

    ResponderEliminar
  132. ya esta potro, ya he leido el anterior comentario, gracias.

    ResponderEliminar
  133. COMO HAGO PARA AGRANDAR EL TAMAÑO DE LAS LETRAS EN LOS GADJET DE LAS PLATILLAS CLASICAS QUE TRAE BLOGGER, Y COMO HAGO PARA PONERLE UN BORDE O LINEA AL GADJET

    ResponderEliminar
  134. PONTENOVA.ES, que bueno que ya esta resuelto :)

    JOSE FER OROZCO GUTIERREZ, en las plantillas nuevas no lo se, su estructura es mucho muy confusa :/

    ResponderEliminar
  135. Hola!! Es la 1ª vez que comento por aquí. Sólo quería preguntarte si sabes cómo modificar el gadget de las páginas para que en cada recuadro (en esos que se pone el título de la página estática) se pueda poner una imagen distinta, sería como ponerle en vez de fondo una imagen completa creo, gracias!!!

    ResponderEliminar
  136. Hola Carol,

    Para el gadget de las páginas no creo que sea posible hacer una personalización de ese estilo :(

    ResponderEliminar
  137. Potro, te sigo siempre, pero tengo una cuestión que me gustaría resolver (si se puede...)
    Resulta que me gustaría que en el gadget de páginas, al pinchar en la pestaña de la página que desee se redirija directamente al otro blog que tengo... no se si me explico bien...
    Si quieres puedes ver como es el blog y quizás te des cuenta de lo que hablo. Muchas gracias por tu respuesta, desde ya, jeje

    www.huellasdepoeta.blogspot.com

    Saludos bien salteños. Diego.

    ResponderEliminar
  138. Hola Diego,

    No me ha quedado muy claro, pero lo que sí puedes hacer es agregar más enlaces al menú tal como se explica en la entrada, esos enlaces los puedes dirigir a otro blog si lo deseas.
    Saludos.

    ResponderEliminar
  139. Hola potro, estoy creando sub-blogs subsidiarios del principal. El procedimiento que indicas para agregarlos al gadget de páginas estáticas funcionó perfectamente.
    Ahora bien, la recomendación que explicas en la entrada 128 para regresar al blog principal no puedo aplicarla pues no encuentro en la plantilla el código que dices. La plantilla es la sencilla de blogger. Y de paso, es posible configurar esos "sub" blogs para que sólo sean accesibles desde el blog principal y no desde la red? Saludos

    ResponderEliminar
  140. Hola Tekenika,

    Si tienes puesto el gadget de páginas entonces sí está el código mencionado, sólo es cuestión de buscarlo dentro del gadget.
    Puedes configurar los otros blogs para que no seas localizados por los buscadores, para esto entra en Configuración > Básico, y en donde dice '¿Deseas añadir tu blog a nuestras listas?' y '¿Deseas permitir que los motores de búsqueda encuentren tu blog?' ambos selecciona 'No'.
    Saludos.

    ResponderEliminar
  141. Otra vez pasando por aqui jeje. Oie Potro como puedo hacer q los enlaces q no son paginas estaticas pueda manipularlos como tal, esto para q pueda moverlos de posicion en el menu a dond yo quiera.

    http://varriormarket.blogspot.com/

    Saludos.

    ResponderEliminar
  142. Me temo que no, para esos casos es mejor usar un menú cualquiera y así poder manipular libremente la posición de cada pestaña.
    Saludos.

    ResponderEliminar
  143. Ouu iaa entiendo. Ni modo. Vere q hacer. Gracias Potro. Saludos.

    ResponderEliminar
  144. Me refiero a que puedes usar cualquier otro menú y ahí sí puedes elegir en qué posición poner las pestañas.
    En la sección Menús puedes ver algún menú que quizá te pueda interesar.

    Saludos.

    ResponderEliminar
  145. Tengo una duda, ya se crear la cabecer con los distintos cajones, pero mi pregunta es ¿se pueden ir creando entradas individualizadas, como en la página principal, y meterlas en los distintos "cajones"? ¿O es una misma entrada que se va actualizando, en cada cajón?

    ResponderEliminar
  146. No del modo exacto como lo describes pero sí, existe la posibilidad de que una pestaña contenga una sección de entradas que estén todas relacionadas con el mismo tema.
    Te dejo un enlace que explica cómo hacerlo:

    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    ResponderEliminar
  147. Es decir, que si quiero hacerlo de forma que cada pestaña contenga una sección de entrdas lo debo hacer on el gaget de las etiquetas ¿no?.

    ResponderEliminar
  148. No necesariamente, es decir, el gadget de etiquetas sólo te puede servir para obtener la URL de la etiqueta, pero si tienes algún otro menú y ahí pones la pestaña que enlaza a esa sección entonces no es necesario tener el gadget de etiquetas, ese gadget es sólo de apoyo para obtener la URL.

    ResponderEliminar
  149. Hola, está espectacular este post, es el más completo que he encontrado con respecto al widget de páginas. Felicitaciones. Me podrías indicar por favor como puedo marginar el widget de páginas a la derecha? Osea, viene a la izquierda por defecto. Pero como lo tengo horizontal, necesito que se alinee a la derecha. De antemano gracias.

    ResponderEliminar
  150. Hola mfmartinez,

    Me temo que no se puede modificar esa área. Los menús que son enlistados de esa forma necesitan estar alineados a la izquierda para que funcionen :/

    Saludos.

    ResponderEliminar
  151. En otro asunto. Inclui en blogger un elemento html en el que inclui una imagen y un .swf. El problema es que yo quiero que esten alineados horizontalmente porque quiero que ambos esten en la cabecera, pero el flash (que esta a la derecha) se coloca debajo de la imagen. www.odeboblog.blogspot.com. Muchas gracias si puedes ayudarme.

    ResponderEliminar
  152. Prueba agregar tanto el SWF como la imagen dentro de una tabla para que ambos tengan su espacio bien definido y delimitado.

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

    ResponderEliminar
  154. Gracias una vez más por tus tutoriales, me ha ido muy bien, también funciona en las plantillas nuevas ;)

    ResponderEliminar
  155. Me alegro que hayas tenido los resultados esperado :)

    ResponderEliminar
  156. muchas gracias... hace rato que buscaba como agregar al blog una pagina externa al widget de paginas^^

    ResponderEliminar
  157. todo bien pero en tu entrada dice que tambien se puede poner una imagen,o otros tipos de letras a la lista de páginas. ¿como se hace?
    ya de paso, podrias visitar mi blog y recomendarme algun truco???? :)
    http://informatic-pc.blogspot.com/

    ResponderEliminar
  158. Pues se cambia esto:
    background-color: #E0ECF8; /* Color de fondo */

    Por esto:
    background: url(URL de la imagen);

    Y debajo de #PageList1 ul li a { puedes poner el tipo de letra que quieras:
    font-family: Arial;

    ResponderEliminar
  159. Hola, un tutorial estupendo, es el único que he encontrado con el que he conseguido más o menos lo que quería... lo que no soy capaz es de cambiar los colores de la fuente, fondo y etc, soy bastante torpe en estos asuntos, podrías ayudarme?
    Y otra duda que tengo, no se si se puede hacer con este tipo de menú o es con otro, lo que yo quisiera es crear un menú en el que me salgan las entradas que tengo bajo la misma etiqueta, no se si me explico. A ver, lo he medio conseguido, salvo que en lugar de un menú por pestañas parece un simple listado de enlaces horizontal... te enlazo mi blog para que lo veas, gracias por tu ayuda de antemano.

    http://laaventurademiembarazo.blogspot.com/

    ResponderEliminar
  160. Hola Nereida,

    Ahí en el código se menciona dónde se cambia el color de los enlaces y el color de fondo, en las anotaciones en color verde se especifica dónde se cambian.
    En cuanto a lo de las etiquetas supongo que a lo que te refieres es que deseas incluir los enlaces a las etiquetas de las entradas ¿cierto? Si es así entonces mira esta entrada.

    Saludos y gracias por tu comentario.

    ResponderEliminar
  161. Hola:

    Tenemos un buen número de blogs de una red educativo y nos gustaría hacer uno que fuera compendio de todo lo que se publica en ellos, o lo que es lo mismo, queremos hacer un blog que tenga como entradas, las de otros blogs ¿Es posible? ¿Como?

    Gracias por vuestra ayuda.

    ResponderEliminar
  162. Desconozco si haya un método para hacer eso REBEX, al menos yo por ahora no veo la forma que pueda lograrse lo que deseas.

    Saludos.

    ResponderEliminar
  163. Hola, gracias por todo lo que provees. Me fue muy util. Tengo una consulta.
    Por un lado, noté que no hay manera de centrar esta barra. La unica manera que encontre fue agregando este codigo:

    #PageList1 li {
    margin-left: 62px
    }

    El 62px fue a ojo claramente. Hay otra manera mas prolija? Igualmente me quedan muy separados los links entre sí. Me gustaría probar que me queden mas juntos. no encuentro la manera. Osea, me gustaría a mí darle la orden de distancia entre links.

    Por otro lado, me gustaría que una vez que el usuario clickeó el link de una página, le quede presionado (o marcado con alguna text-decoration) el link hasta que elija clickear en otra seccion, y así sucesivamente. Esto es para que sepa en qué sección de la página está situado. De esto no encontre nada. Podrás ayudarme?

    ResponderEliminar
  164. Hola Hetu Negri,

    Efectivamente los menús horizontales no se pueden centrar pero algunas veces sí podemos valernos de esos tips como el que has usado.
    La forma correcta de moverlo hacia la derecha sin que se vean afectados los links del menú es agregando debajo de #PageList1 { esto:

    padding-left:62px;

    Como es un recurso sacado de la manga en esos casos hay que probar con distintos valores hasta que se vea centrado.

    Lo otro que mencionas no se puede hacer con menús hechos con CSS como este, regularmente se requiere de scripts para conseguirlo.

    Saludos.

    ResponderEliminar
  165. Hola Potro,

    Creo saber qué es una página estática, pero ¿¿cuántas entradas puedo crear en ellas???, ¿Que diferencia hay con el resto del blog?

    Es por hacer un apartado literario en el blog, dónde escribir artículos diariamente para no escribirlos en el blog general, y para no crear un nuevo blog.

    Gracias majo!!!!

    ResponderEliminar
  166. Potro, te molesto nuevamente. Hoy en el trabajo (desde una Mac) se veía el menú centrado. Pero recién desde mi casa (una PC) entré y me figura descentrado como si el padding no lo estuviera leyendo, porque probé de aumentar o disminuir el px pero no reacciona. Es posible que sea porq desde mac se ve distinto a pc?

    ResponderEliminar
  167. Hola Gorka,

    Una página estática o página independiente es sólo una especie de entrada la cual no aparece con el resto de las entradas sino que sólo es visible cuando se accesa a ella a través de un enlace.
    Por ejemplo, esta es una página estática:
    http://ciudadblogger.com/p/mapa-del-sitio.html

    Como ves en esencia es lo mismo que una entrada, por lo tanto no puedes meterle entradas, sólo puedes agregar un contenido una vez y ya.
    Por el momento Blogger sólo permite agregar 10 páginas estáticas por blog por lo que si es mucho el contenido que quieres meter quizá sí sea más conveniente que abras otro blog para ello.

    Saludos!

    ResponderEliminar
  168. Hola Hetu Negri,

    No es por el sistema operativo pues yo uso Mac y las indicaciones que te di las probé antes desde una Mac y funcionó sin problemas. Quizá el problema esté en la versión del navegador que estás usando en la PC. No debe haber mayor inconveniente al menos en todos los navegadores modernos como Chrome y Firefox, y en el caso de Internet Explorer seguro se verá bien en las últimas versiones como la 8 y 9

    ResponderEliminar
  169. Orale POTRO esto era lo k me estaba malhumorando
    !! ahhhhhh listo creo que ya lo tengo deja leer un poco mas xD

    ResponderEliminar
  170. jaja, terminé de responder el otro comentario y me quedé pensando si no sería esto lo que buscabas :P

    ResponderEliminar
  171. Hola!!!!
    Sigo este blog siempre, he sacado un monton de ideas para mi blog...
    Ahora tengo un problema con este gadget.
    Resulta que quise cambiar mi plantilla por una mas moderna, con el menú deslizante arriba, como tenía que hacerle muchos cambios para que se quede bien, y no se adaptaba al estilo del blog, decidí volver a mi plantilla antigua (la que descargué antes de aplicar los cambios para ver como quedaba la nueva). Al volver, había gadgets de la otra plantilla, los borré y me quedó como antes, pero no puedo sacar el gadget que dice páginas, está en color más claro, del mismo color de los gadgets que no pueden moverse. Entro en las opciones pero no me deja elñiminarlo, es más, me dice que si quiero que se vea mas atractivo, que lo desplace debajo de la cabecera del blog, pero ni la opción de desplace me deja... Si bien no se ve, es algo que veo yo con el iconito de las herramientas para configurarlo, me molesta y lo quiero sacar...
    Te adjunto una captura de lo que veo cuando estoy en diseño: http://k04.kn3.net/6BA22806F.jpg
    Como verás, el gadget Páginas está coloreado como los que no pueden moverse... Hace mucho que no ingreso a Diseño, y no sé si eso me lo agregó la plantilla que probé o si la puso Blogger y yo no me he dado cuenta... Será que se puede quitar o se queda por defecto como nueva función de Blogger????
    Gracias desde ya!!!

    ResponderEliminar
  172. Hola Smart Girl,

    Sin expandir los artilugios busca una línea como esta y elimínala:
    <b:widget id='PageList1' locked='false' title='Páginas' type='PageList'/>

    Con eso deberá irse ese gadget.

    Saludos y gracias por tus comentarios!

    ResponderEliminar
  173. Muchísimas gracias Potro!!!
    No la eliminé, por si en un futuro quiero usarla, pero le cambié el valor de locked por false (estaba en true, por eso no me dejaba ni siquiera moverlo)

    Gracias de verdad, un día con más tiempo me pondré a ver como hacer un menú con subentradas como en estas plantillas, ya que me quedaron muchas secciones, y como no quiero achicar secciones, lo que quiero es unificarlas en menús y submenús para que sea más fácil la navegación por el sitio...

    Y bue... Ya que estamos a ver qué me recomendás, había pensado en poner algo como esto, pero muchos de las cosas que presenta la plantilla (como el slider de fotos, el video de Youtube, las tres columnas inferiores) no las necesito, mi blog es más bien sencillo, una columna de entradas y una de gadgets, lo que quiero es el menú que tiene esa plantilla...

    Esto es lo que vi y no me sirvió: http://btemplates.com/2011/blogger-template-sprites/demo/

    Este es mi blog, bien sencillito pero estoy feliz con él, es mi manera de hacer catarsis: http://sueniosypasteles.blogspot.com/

    Lo que quiero es el menú de la plantilla sprites, pero conservando la forma y los tamaños de mi blog, se podrá??? Vos sólo me podes ayudar en esto, como verás quise mandarme sola y terminé haciendo cag*da!!!!

    Espero tu ayuda!!!

    ResponderEliminar
  174. Pues no conozco ese menú pero uno muy muy parecido es este menú horizontal, quizá si le cambias la altura quedaría casi idéntico.

    Saludos!

    ResponderEliminar
  175. Muchas gracias Potro!!!

    Este fin de semana lo intento...

    ResponderEliminar
  176. Hola, bueno gracias por la explicacion pero tengo una duda y ya que soy nueva en esto mejor te la pregunto porque pareces un veterano en blogger.
    La pregunta del millon es: Puedo crear entradas independientes en una pagina especifica.

    He tratado de hacer algo, pero al final no se puede editar las entradas como en la pagina principal, ni siquiera me aparece la opcion de etiquetas. Repito en la pagina principal si se pueden hacer varias entradas pero cuando trato de hacerlas en otras paginas es como si solo se pudiera hacer una entrada.

    ResponderEliminar
  177. Es que las páginas independientes son sólo eso, páginas, no secciones. Incluso las entradas también sólo pueden tener una entrada y nada más.
    Lo que sucede es que las entradas a diferencia de las páginas se archivan juntas y se muestran en la portada, situación que no sucede con las páginas.
    Quizá lo que necesitas no son páginas sino etiquetar tus entradas en categorías y luego hacer un menú de categorías.

    ResponderEliminar
  178. ¡Hola Potro!

    Una consulta, ¿hay alguna forma de hacer que cada nombre de página tengo un estilo de letra diferente?. Es decir, que donde dice "Página principal" tengo un estilo de letra diferente a "Página UNO" y ésta también tenga uno diferente a la siguiente.
    Espero haberme explicado bien, muchísimas gracias.

    ResponderEliminar
  179. Hola Perséfoneluz,

    Me temo que no, ya que de forma automática el gadget adquiere el mismo nombre de clase para los estilos que tendrá en todas las pestañas por lo que no se puede especificar uno distinto para cada una.

    ResponderEliminar
  180. Hola Potro.

    Tengo un pequeño problema, ya que el gadget es un poco más grande que la cabecera, es decir por la izquierda está alineada a ésta, pero por la derecha sobresale, y yo querría que fuera por los dos lados igual.

    He de decirte que ya probé a disminuir el tamaño de la letra pero no funcionó.

    Te dejo el blog por si no me expliqué bien: http://marinasalasblog.blogspot.com/

    Saludos y muchas gracias por adelantado.

    ResponderEliminar
  181. No sé cómo hayas intentado cambiar el tamaño de la fuente, pero prueba añadiendo antes de ]]></b:skin> esto:

    #PageList1 ul li a {font-size:11px;}

    ResponderEliminar
  182. Al final lo solucioné. No era ese el problema, era que el ancho del blog y las columnas laterales estaban mal estructuradas.

    De todas formas, muchas gracias.

    ResponderEliminar
  183. Hola Potro,

    Con la nueva interfaz de blogger, en la sección "Páginas" puedes añadir una página externa del blog. A mi me gustaría que al pinchar en ella se abriera en una pestaña nueva. ¿Cómo se haría?

    Saludos y gracias por adelantado

    ResponderEliminar
  184. Hola Javier S,

    Puedes condicionar que los enlaces de ese gadget se abran en una ventana nueva, pero aplica para todos esos enlaces, no únicamente uno de ellos.

    ResponderEliminar
  185. ya he usado esta tecnica antes y me a funcionado pero ahora no, me a aparecen este es mi blog http://i-teen-news.blogspot.com/ ! gracias!

    ResponderEliminar
  186. No veo que ahí tengas un código para personalizar el aspecto del menú.

    ResponderEliminar
  187. Ya lo arregle era un error mio! gracias

    ResponderEliminar
  188. Hola Potro, muy bueno tu sitio. Quisier consultarte por el mismo problema que tienen varias de las personas que dejaron sus comentarios en esta publicación, el problema con el "Read more" y las Paginas Estaticas de Blogger que no abren correctamente debido al leer mas. Visite el link que dejaste en el comentario nº28 pero no fue mi solución, ya a pasado mas de 1 año si alguien tiene la solución por favor comuniquemela.
    Yo uso como plantilla "Androida" la baje de aca: http://www.cahayabiru.com/2009/09/androida-blogger-template.html
    Imagen del problema:
    Pagina principal: http://ezeblog80.blogspot.com/
    Pagina estatica: http://ezeblog80.blogspot.com/p/ejemplo-pagina-estatica.html
    Saludos.

    ResponderEliminar
  189. Hola Eze, me encantaría ayudarte pero no conozco esa plantilla, la descargue y definitivamente está demasiado modificada, no tiene siquiera la estructura regular que tendría una plantilla tipo magazine.
    Te recomiendo que consultes en la página del autor, probablemente ya tengan una plantilla actualizada que resuelve ese problema, o sino entonces el autor pueda darte las indicaciones correctas.

    ResponderEliminar

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