Mostrar una cabecera diferente en las entradas del blog

3 de agosto de 2011 129 comentarios ,
En la entrada anterior vimos cómo mostrar una cabecera diferente en cada página de etiquetas, y algunos han preguntado si puede hacerse lo mismo pero con las entradas, es decir, que en la portada se muestre la cabecera de siempre, pero al ingresar a las entradas se muestre otra cabecera.

El procedimiento aquí es mucho más sencillo y menos complicado que el anterior pues sólo haremos dos condiciones. Uno que hará que la primera cabecera no se muestre en las entradas y otro para que la segunda cabecera sólo sea visible al ingresar a las entradas individuales.

Puedes ver un ejemplo en este blog de pruebas, al ingresar en algún post verás que la cabecera ha cambiado.

Lo primero que haremos será entrar en Diseño | Edición de HTML y SIN expandir los artilugios buscamos esta línea:
<b:widget id='Header1' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
Justo debajo de ella agrega esta línea:
<b:widget id='Header2' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>

Con eso ya tenemos las dos cabeceras que necesitamos, ahora vamos a condicionarlas.
Para ello agrega antes de </head> lo siguiente:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#Header1 {display:none;}
body#layout #Header1 {display:block !important;}
</style>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#Header2 {display:none;}
body#layout #Header2 {display:block !important;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<style>
#Header2 {display:none;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
#Header2 {display:none;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#Header2 {display:none;}
</style>
</b:if>

Y listo. Por último entra en Diseño | Elementos de la página y verás las dos cabeceras, la primera es la que se muestra en la portada, y la segunda la que se mostrará en las entradas individuales.


Ahí puedes darle click en Editar para cambiarle la imagen que quieras. Fue rápido ¿no?
Es una forma sencilla de mostrar una cabecera diferente en las entradas del blog.


129 comentarios en:

" Mostrar una cabecera diferente en las entradas del blog "

  1. waaa genial! la otra vez vi un blog donde cada que le dabas recargar cambiaba su cabecera, esto es más o menos similar

    ResponderEliminar
  2. Guau!!!que buen truco. La verdad, tienes un blog genial. No me extraña la cantidad de seguidores que tienes...Debes de ser muy buen informatico...
    Un beso!!!

    ResponderEliminar
  3. Miki-Kun , ese se logra con un script, puedes ver la información en esta entrada: [Cabecera del blog cambiante al azar]


    Princess Of Heart, gracias, aunque de informático nada, sólo comparto lo poco que aprendo :) Otro beso para ti!

    ResponderEliminar
  4. No lo he entendido muy bien, pero lo intentaré

    ResponderEliminar
  5. como siempre con otro gran truco para blogger :)
    Felicidades Potro!

    ResponderEliminar
  6. ¿Cómo se hace para poner la fecha de la entrada o el titulo de la entrada en el medio del post? me serviría de gran ayuda, MUCHAS GRACIAS :D

    ResponderEliminar
  7. Hola, no encuentro en mi Blog la línea a la que haces referencia, me podrás indicar que otra opción puede ser. Muchas gracias.

    ResponderEliminar
  8. Milagros puta amo., no estoy seguro que pueda hacerse pues son áreas separadas y que se pueda "romper" una de ellas para incrustar otra lo veo confuso.

    Gabriel Peirano, cambia donde dice Nombre de mi blog por el tuyo, o busca sólo la primera parte de la línea:
    b:widget id='Header1' locked='true' title=

    ResponderEliminar
  9. Muy bueno el truco. Y he visto en otros blogs que conforme vas cambiando de entrada se mira una cabecera diferente o aleatoria ¿Como se hace esto?

    ResponderEliminar
  10. POTRO COMO ESTAS AMIGO K BIEN OYE ME PUEDES ASER UN TUTORIAL COMO PONER LOS COMENTARIOS DE FACEBOOK EN BLOGGER EL comment Box de Facebook ME PUEDES DESIR COMO SE LOGRA ESO SALU2¡

    ResponderEliminar
  11. Hola potro,podrias enseñarme como poner un reproductor de Música que no se vea el reproductor de música,sio que entrecomo el qué tienes en la web.

    ResponderEliminar
  12. Francmi08, no lo veo aplicado ahí, pero de todas formas los estilos de las dos cabeceras son los mismos, ahí no se ha tocado nada.

    CRNDXA, una forma de hacerlo es siguiendo los pasos de esta entrada, pero en lugar de poner el script que ahí se menciona se pondría este.

    ResponderEliminar
  13. ENLATVHD, mira esta entrada de Vagabundia donde explican cómo ponerlo:
    http://vagabundia.blogspot.com/2011/05/el-nuevo-comment-box-de-facebook-en.html

    EdwinFilms, puedes hacerlo con cualquier reproductor, sólo le pones los valores de ancho y alto en cero para que no se muestre.

    ResponderEliminar
  14. Hola Potro, me gustaria saber si podrias hacer un tutorial para hacer un recuadro como el que muestra el huffingtonpost.com donde pone botones de compartir pero me gustaria que sea de esa manera, podrias ayudarme porfis, te lo agradecere muchisimo

    http://www.huffingtonpost.com/2011/08/03/austerity-priority-economy-deficit-hawks_n_917138.html

    ResponderEliminar
  15. Disculpa que te vuelva a consultar, pero la línea que me observas para buscar en el comentario 8 no la encuentro en mi blog, por eso te consultaba si podría haber otro modo. Mi Blog es http://futbolamateurssd.blogspot.com
    Muchas gracias y Saludos.

    ResponderEliminar
  16. Disculpe Potro. Soy reciente en el blog, por lo que no se si ya lo ha colgado en una entrada o no, en caso de que sea así, indiqueme donde está la entrada.
    He visto en ciertos blogs que se pueden poner emoticonos en las entradas. ¿Como funciona eso? ¿Es necesario un código, o simplemente poner una imgen? Yo lo inteté con las imagenes, pero no salió como me esperaba. Si pudiese ayudarme le estaría muy agradecida.
    Mis mas cordiales saludos,
    *****Princess Of Heart*****

    ResponderEliminar
  17. angilman, desconozco cómo lo hayan hecho pero no le veo muchas probabilidades de usarse en Blogger ya que tiene PHP.

    Princess Of Heart, justo la semana pasada vimos ese tema, aquí te dejo el enlace:
    http://ciudadblogger.com/2011/07/poner-emoticons-en-blogger-estilo.html
    ¡Saludos!

    ResponderEliminar
  18. Gabriel Peirano, tú no tienes esa línea porque has eliminado la cabecera para poner un archivo flash.
    La línea que tendrías que buscar es esta:

    <b:widget id='HTML7' locked='false' title='' type='HTML'/>

    Pero entonces, en el otro código donde dice Header1 lo cambiarías por HTML7

    ResponderEliminar
  19. Saludos Potrito!!! y como siempre todo mi reconocimiento a tu talento!!! y graciassssssss!!!!!!!

    ResponderEliminar
  20. ¡Muchas gracias por tus indicaciones!

    ResponderEliminar
  21. Esta muy bueno el tutorial gracias Potro!

    ResponderEliminar
  22. No en el medio si no centrado, en vez de estar de mano izquierda estar centrado. Ya lo vi en varios blogs por eso...

    ResponderEliminar
  23. hola potro, muy bueno como siempre. ya estoy pensando en implementarlo.

    te aviso una cosa que vi el demo del blog de pruebas. cuando das click a una entrada en particualar anda barbaro.pero cuando das click a una sección de los archvos, por ejemplo "2010" o "febrero" aparecen las dos cabeceras juntas.

    igual no uso el listado de archivos así que no me hago problema. solo te avisaba nomas.

    una pregunta.hay alguna manera de que esta cabecera "secundaria" me lleve a una direccion distinta que no sea el home del blog???

    no se si se entiende la pregunta.

    espero que si!!

    :)

    ResponderEliminar
  24. Milagros puta amo., centrado sí se puede, el título ya lo veo así, en el caso de la fecha agrega antes de ]]></b:skin> esto:

    h2.date-header {text-align:center;}

    ResponderEliminar
  25. EpideMia, gracias por el aviso, ya he corregido el código para que eso no suceda.
    Sí, sí se puede enlazar otro sitio que no sea el blog en la segunda cabecera, sólo expande los artilugios y busca esta parte:

    <div id='header-inner'>
    <a expr:href='data:blog.homepageUrl' style='display: block'>

    Lo encontrarás dos veces, el que debes buscar es el que está dentro del área de 'Header2', una vez que lo localices lo cambias por esto:

    <div id='header-inner'>
    <a href='URL del enlace' style='display: block'>

    Saludos.

    ResponderEliminar
  26. Y poner la fecha, y el enlace de los comentarios abajo del titulo se podrá?
    Muchas graaaaaaaacias! <3

    ResponderEliminar
  27. Un gran agradecimiento para El Potro por sus grandes tutoriales, la verdad es uno de los mejores blog para blogs... todo mi blog es creación tuya... empezando pero animado: http://mycalidad.blogspot.com/

    ResponderEliminar
  28. Milagros puta amo., mira esta entrada.

    Diego Gómez, muchas gracias, toda la suerte y éxito en tu proyecto :)

    ResponderEliminar
  29. gracias!!
    ya lo estoy usando.

    todavia quiero afinar algunas cosas del header. pero eso ya es cuestion de imaginación!!

    no vemos!!!

    ResponderEliminar
  30. No no me busca ni los códigos que tengo que cortar :/

    ResponderEliminar
  31. Deja el comentario en esa entrada indicando la dirección de tu blog para que le demos el seguimiento adecuado y no nos desviemos del tema de este post ;)

    ResponderEliminar
  32. potro! me encamnto esta entrada y veras me gustaria mucho aplicarlo a mi blog pero queria preguntarte si es posible que solo cambie la cabecera a cierta entrada (no a todas)... es posible?

    espero me haya explicado bien jeje

    saludos!

    ResponderEliminar
  33. Claro que sí, sólo cambia esta línea:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Por esta otra:
    <b:if cond='data:blog.url == &quot;URL de la entrada&quot;'>

    ¡Saludos!

    ResponderEliminar
  34. y si son varias entradas es igual?

    disculpame que lo haya comentado hasta ahorita ...

    soy nueva en esto pero aprendo rapido jeje... ^^u

    ResponderEliminar
  35. Pues sí, obviamente si son muchas entradas entonces serán muchos códigos, pero sí, es el mismo procedimiento :)

    ResponderEliminar
  36. Potro, sólo deseo agradecer tu ayuda siempre aprendo algo diferente y cada vez que deseo algo para el blog, vengo a darme una vuelta por tu magnifico espacio, te envío mis mejore energías desde isla Margarita, Venezuela, gracias totales!!!

    ResponderEliminar
  37. Muchas gracias @Negfertty por tomarte el tiempo para escribir. De igual forma lo mejor para ti. ¡Saludos!

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

    ResponderEliminar
  39. Gracias Potro! Una consulta...
    Primero realize el tutorial de distintas cabeceras por etiquetas, pero me interesa mejor este ya que tengo un blog de viajes y quiero que depende las entradas por paises tengan diferentes cabeceras. Es decir en todas las entradas de Nueva Zelanda quisiera la misma cabecera (distinta a la de la pagina principal), en las de Tailandia lo mismo y asi por cada pais!
    Vi que en el comentario 36 hablabas de cambiar una linea por otra poniendo un URL de la entrada.

    Si yo quiero que esa cabecera aparezca en mas de una URL debo agregar otra linea como esa? como se hace? es muy complicado?
    Espero haberme explicado bien!!

    Te agradeceria que me ayudes! Gracias a vos el blog esta quedando guapisimo!!!

    Muchas gracias nuevamente!!!
    Un saludo
    Javier
    www.thehugetravel-2.blogspot.com

    ResponderEliminar
  40. No es tanto complicado sino que es llenar el blog de muchos códigos y en una de esas puede haber un conflicto de condicionales.
    Lo mejor es, que a tus entradas les pongas etiquetas, por ejemplo, las que hablan de Nueva Zelanda pues que tengan la etiqueta Nueva Zelanda y con esos datos puedes aplicar el otro truco. Créeme, de esa forma te ahorrarás mucho trabajo porque de otra manera tendrías que estar agregando códigos cada vez que crees una entrada, en cambios si lo haces por etiquetas no tendrás que hacer nada más pues el cambio será automático.

    Saludos.

    ResponderEliminar
  41. Gracias Potro, eso pense yo pero no me funciona asi a mi! Si le doy a Nueva Zelanda en la lista de etiquetas (que en mi caso son imagenes) si que me aperece la nueva cabecera! Pero tengo puesto la opcion de leer mas en las entradas, entonces cuando abro una entrada (de prueba que hice) para leerla entera no me aparece la nueva cabecera!! Por eso pense en la otra opcion aunque se que sera un rollo agregar cada codigo con cada entrada!!

    ALguna otra solucion??? Se que si saco la opcion de "leer mas" o "seguir leyendo" lo solucionaria no?
    Pero claro ya seria mas rollo porque me interesa lo de "seguir leyendo" para la pagina principal ya que las entradas seran un tanto largas. entonces seria algun codigo que solo muestre el "seguir leyendo" en la pagina principal pero no en el URL de las etiquetas y esto sobrepasa en cantidad mis limitaciones!! jajajja

    BUeno si sabes de alguna solucion, o si estoy haciendo algo mal me avisas!! si no ya vere, lo tendre que dejar asi!!

    SI quieres mirar lo que te digo en www.thehugetravel2.blogspot lo veras, si le das a NUEVA ZELANDA en la lista del menu en imagenes (que saque de tu blog) veras que se cambia la cabecera pero si entras en la entrada titulada Nueva Zelanda (con etiqueta Nueva Zelanda tambien) la cabecera no aparece!!

    Perdon por molestar tanto!!

    Un saludo

    y muchas gracias de antemano!!!

    Javier

    ResponderEliminar
  42. El problema no es el Leer más; con él o sin él la condicional de Etiquetas sólo hace efecto en la página de etiquetas, no en las entradas con esa etiqueta, es decir, si yo uso una condicional que haga efecto en la etiqueta América entonces cuando entre a http://tublog.com/search/label/América la condicional hará efecto, pero NO hará efecto si ingreso a una entrada que tenga como etiqueta América porque ahí ya no estoy en una página de etiquetas sino en una entrada individual.

    Puedes hacerlo de la manera que dices, pero de verdad será un sin fin de códigos que terminarán haciendo muy lento el blog y eso no es nada benéfico en temas de posicionamiento :/

    ResponderEliminar
  43. Gracias potro!!

    Tenes razon!! va a ser un lio andar agregando 10000000 codigos!! Mejor lo dejo asi, que se vea solo en la pagina de etiquetas y ya esta!!!
    Muchas gracias por tu ayuda!
    Seguire buscando cosas en tu blog que siempre las hay muy interesantes!!!!!

    Saludos

    ResponderEliminar
  44. Vale, cualquier cosa por acá estamos ;)

    ResponderEliminar
  45. Esto esta muy bueno Potro, muchas gracias por el código y la explicación. Todo es tan fácil leyéndote.

    ResponderEliminar
  46. Hola potro y mil gracias de antemano por tu ayuda, coloco el codigo y todo genial, lo que ocurre es al darle a diseño, al pulsar sobre editar de la nueva cabecera no me abre, en la antigua sale el "dedo" y en la nueva sigue el cursor como si no hubiese nada. Mil gracias y a ver si pudiera corregirmelo.

    ResponderEliminar
  47. Este es mi codigo puesto, x si vieras algo que no cuadrara, gracias de nuevo

    ResponderEliminar
  48. Hola mico,

    Si usas la nueva interfaz prueba hacerlo desde la interfaz antigua. Si tampoco te permite editarlo prueba desde otro navegador.

    Saludos.

    ResponderEliminar
  49. hola potro, me gustaria saber si los fondos tambein se pueden cambiar como un slide, vi eso en una plantilla, te la dejo pa ke la veas: http://btemplates.com/2011/blogger-template-wallbase/demo/ , kisiera un efecto asi, pero en esta plantilla: http://flowprprueva.blogspot.com/ ...

    y ya ke estoy por aki , kisiera saber como centrar el baner principal, y el contenido de los post... espero me ayudes gracias

    ResponderEliminar
  50. Hola Andresiyo Ready,

    Hay un método con CSS que justo publicó Gema hace un par de días respecto a las imágenes del fondo del blog:
    http://gemablog-.blogspot.com/2012/01/slideshow-para-fondo-del-blog-css3.html

    La cabecera más que centrarla necesitas hacerla más pequeña para que se ajuste al ancho del blog, si la pones del mismo ancho del blog se verá centrada.
    Saludos.

    ResponderEliminar
  51. graciass, por la contestacion, me sirvio muxoo , y porfa chekea lo ke te he dejao por la entrada de "barra de herramientas flotante" xD

    ResponderEliminar
  52. Hola EL potro,
    Se puede quitar el marco de la cabecera en una plantilla de blogger.
    http://dl.dropbox.com/u/11723636/Blog2.png

    Saludos

    ResponderEliminar
    Respuestas
    1. Hola Josep-Pepe, ese no es el marco de la cabecera, es el contenedor de todo el blog.
      Saludos.

      Eliminar
    2. Perdón por ser pesado, pero a partir de la cabecera hacia arriba, las lines blancas que rodean a la cabecera se podrian cambiar de color sin afectar al fondo de las entradas o sin afectar al fondo de la cabecera hacia abajo?

      Saludos

      Eliminar
    3. No, como te digo, es el fondo de todo el blog, así que si le cambias de color se cambia para todo el blog.
      Saludos.

      Eliminar
  53. Sabes no puedo cambiar el cod htlm de mi blog me sale error! que puedo hacer?

    ResponderEliminar
  54. Usualmente los errores aparecen cuando se pone mal el código, o cuando al ponerlo se elimina algo sin querer. Prueba hacerlo de nuevo pero asegúrate que no elimines nada por error y que estés poniendo el código completo tal como se indica.

    ResponderEliminar
  55. Yo quiero hace eso, pero se puede hacer cuando tengo menúes?

    ResponderEliminar
  56. Tengo un Slideshow de imagenes en la parte superior de mi blog, lo que necesitaría saber es si se puede lograr que las imágenes vayan apareciendo de manera aleatoria.Te paso la dirección para que cuando puedas te des una vuelta para verlo: http://futbolamateurssd.blogspot.com.ar
    Desde ya muchas gracias y un fuerte abrazo.

    ResponderEliminar
    Respuestas
    1. No que yo sepa, esos sliders siempre funcionan igual, no conozco alguno que las muestre de forma aleatoria. Saludos.

      Eliminar
  57. Una cosita se puede hacer también en las pestañas o páginas????
    Gracias, tus tutoriales son lo mas.

    ResponderEliminar
    Respuestas
    1. Gracias Mercedes.
      Si quieres que se aplique a las páginas estáticas entonces usa este código en lugar del otro:
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style>
      #Header1 {display:none;}
      body#layout #Header1 {display:block !important;}
      </style>
      </b:if>

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style>
      #Header2 {display:none;}
      body#layout #Header2 {display:block !important;}
      </style>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <style>
      #Header2 {display:none;}
      </style>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <style>
      #Header2 {display:none;}
      </style>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style>
      #Header2 {display:none;}
      </style>
      </b:if>

      Eliminar
    2. Hola Potro. Yo lo que quiero es tener una cabecera en la home y otra distinta para el resto. O sea: cabecera 1 en la página principal y cabecera2 en páginas estáticas y entradas de blog. Pero algo debo estar haciendo mal porque no consigo que salga bien. En las entradas sí que sale la cabecera2, pero en las páginas estáticas no sale nada (ni la 1 ni la 2, nada).

      He probado combinando los dos códigos que propones en esta entrada y en el comentario anterior pero entonces sí que no sale na' de na'. ¿Cómo podría hacerlo?

      Gracias por todo. ¡Tu blog es genial1

      Eliminar
    3. Hola Marina, en ese caso debes usar estas dos condicionales:
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <style>
      #Header1 {display:none;}
      body#layout #Header2 {display:block !important;}
      </style>
      </b:if>

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style>
      #Header2 {display:none;}
      body#layout #Header2 {display:block !important;}
      </style>
      </b:if>

      Una hará que la cabecera se muestre en todas partes menos en la portada, la otra hará que se muestre sólo en la portada.
      Saludos.

      Eliminar
    4. ¡Gracias! Me estaba volviendo loca probando combinaciones y era mucho más fácil de lo que pensaba. ¡Eres un crack! :D

      Eliminar
  58. Potro hecho eres un maquina explicando, oye y en cada página se puede poner una cabecera.

    ResponderEliminar
    Respuestas
    1. Eso es más complicado, porque ahí podría haber contradicciones con las condicionales :/

      Eliminar
    2. Muchas gracias de todas formas.

      Eliminar
  59. Hola Potro...eres mi IDOLO..te amo..:-)

    ResponderEliminar
  60. Disculpa que te siga dando lata XD Oye, se puede hacer esto mismo, pero para que haya dos áreas para entradas? Gracias de antemano :)

    ResponderEliminar
    Respuestas
    1. Puedes tener dos áreas de entradas, pero lo que muestre una será exactamente lo que muestre la otra, ahí no se puede manipular el contenido para que una muestre determinada cosa y la otra algo diferente, sería más bien que las entradas aparecerían repetidas :/

      Eliminar
  61. Hola, como hago si quiero poner 5 cabeceras?

    ResponderEliminar
    Respuestas
    1. ¿En dónde las quieres poner? Porque lo de aquí es tener una cabecera en la portada y en las entradas otra diferente.

      Eliminar
    2. Quiero poner 5 cabeceras de portada que al entrar varias veces el blog o entradas salga una distinta, se puede?

      Eliminar
    3. Quiero poner 5 cabeceras de portada que al entrar varias veces el blog o entradas salga una distinta, se puede?

      Eliminar
    4. Quiero poner 5 cabeceras de portada que al entrar varias veces el blog o entradas salga una distinta, se puede?

      Eliminar
    5. Ah ok, ya entiendo, lo que tú necesitas es lo que se explica en esta entrada:
      http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

      Eliminar
    6. Oh muchas gracias :D
      si era justo lo que buscaba!!

      Eliminar
  62. Hola El Potro , estaba intentando poner dos cabeceras diferentes y no encuentro la linea <b:widget id='Header1' locked='true' title= , ni completa con el nombre de mi blog tampoco.¿que puedo hacer?Un saludo.

    ResponderEliminar
    Respuestas
    1. Gracias amigo , ya lo encontré.Lo he aplicado y me queda perfecto.Ahora te he dejado un par de preguntas mas en su sitio correspondiente.espero tu respuesta .Gracias por todo.

      Eliminar
    2. Hola, usa las teclas CTRL + F, así te será más fácil localizar los códigos. Si continua el problema dime en cuál blog lo estás buscando.
      Saludos.

      Eliminar
  63. Hola Potro, ví esta entrada y me pregunto si se puede generalizar para poner no solo un Header2 si no un Header3, Header4, Header5... es decir, si se puede hacer con Header2 no se puede hacer con más?

    ResponderEliminar
    Respuestas
    1. Depende de dónde quieras colocar las cabeceras, en realidad puedes poner tantas como quieras (creo), el asunto es cómo quieras condicionarlas.

      Eliminar
    2. Pues exactamente como tienes en la explicación, dejando el Header1 fijo y los demás que salgan según vas pinchando en entradas del menú aleatoriamente... el tema es q no se los codigos q hay q usar para esas condicionales.

      Salu2

      Eliminar
    3. Te servirá más la entrada anterior:
      http://ciudadblogger.com/2011/08/mostrar-una-cabecera-diferente-en-las.html

      Y en lugar de poner las URLs de las etiquetas pondrías las URLs de las entradas, sería algo como eso, aunque nunca lo he hecho con entradas diferentes así que no sé con exactitud qué código va en cada lugar, pero puedes experimentar un poco.

      Eliminar
    4. Creo q no me he explicado... no se trata de poner las URLs de las entradas ya que son más de 40. Se trataría de encontrar esas condicionales "genericas" que abarquen a todas las entradas, algo como "archive" y que al pinchar en cualquiera de esas entradas se abrieran con cualquira de los Header (menos con el principal).

      Salu2

      Eliminar
    5. La cuestión es que si son entradas lo que tienes en el menú entonces sólo debes seguir este mismo tutorial, pues la condicional genérica para todas las entradas es la misma que se aplica para este truco. Si lo que hay en el menú fueran páginas de etiquetas entonces sería el otro tutorial, pero no lo son, son entradas como las de las portadas por lo tanto el tutorial que se aplica es el mismo de este post.

      Eliminar
    6. Eso mismo pensaba yo y lo apliqué en el blog de pruebas y lo q me pasa es que me aparecen todos los Header (excepto el Header1) juntos en todas las entradas.

      Eliminar
    7. Algo no debe estar bien aplicado entonces, revisa que el código sea exactamente como está en la entrada, si está literalmente como se muestra deberá funcionar. Es el mismo código que he usado para el blog de pruebas.

      Eliminar
    8. He aplicado exactamente el mismo código... es decir, primero el del Header1 y Header2 (con sus condicionales) y como tengo más Header he aplicado el mismo código solo que con Header1 y Header3... pero como te he comentado antes, Header2 y Header3 salen uno encima del otro

      Eliminar
    9. ¿Pero la tercera cabecera cómo la estás condicionando? es que esa parte es la que no comprendo. La idea de la entrada es que haya 2 cabeceras, una que se verá en la portada y otra que se verá al ingresar a las entradas individuales. ¿La tercera para qué la deseas?

      Eliminar
    10. La tercera cabecera la estoy condicionando de igual forma q la 2ª ya q lo q quiero es q haya varias cabeceras para esa parte de las entradas individuales, es decir q al pinchar sobre cualquiera de las entradas, éstas se abran con diferentes cabeceras (en mi caso con la 2 y la 3).

      Posiblemente, esté mal repetir el mismo código pero no se cual condición cambiar para q me haga el efecto q te he explicado.

      Eliminar
    11. Eso no se puede pues es una contradicción del propio código. Sólo hay una condicional para las entradas individuales, por lo tanto sólo puede haber una cabecera para ellas.

      Eliminar
    12. Y no se puede hacer una condicional para las entradas individuales que haga el efecto que te expliqué (igual q hay unas condicionales para el caso de header aleatorios)

      Eliminar
    13. Nop, las únicas condicionales que hay son las que se mencionan en esta entrada, son todas las que nos facilita Blogger.

      Eliminar
  64. Hola El Potro , como te comentaba en el otro tema , si pinchas justo debajo de la cabecera del blog , en la imagen que tengo puesta de fondo , me aparecen las dos cabeceras La única diferencia que tengo respecto al Truco que explicas es en la línea de la primera cabecera .En la mia pone:

    <b:widget id='Header1' locked='false' title=' PALILLERAS Y AM SCB (cabecera)' type='Header'/>

    Lo he convertido a texto plano para que me lo deje poner , gracias por todo espero sepas darme una solucion.

    ResponderEliminar
    Respuestas
    1. Hola francisco, entiendo que tienes dos cabeceras pero, ¿has puesto el resto de los códigos que van antes de </head>? porque si no los pones sucederá eso mismo, que tendrás dos cabeceras en todas partes.

      Eliminar
    2. NO SE SI SE PÚBLICO , POR ESO TE LO REESCRIBO.
      he mirado cargando plantillas anteriores y el fallo me lo empieza a dar(aquí es donde se me abren las dos cabeceras) cuando incluyo el efecto desvanecimiento en el título de las entradas y en entradas antiguas y recientes.En vez de un color de desvanecimiento he incluido una URL de una Imagen.Apartir de aquí es cuando al pinchar justo debajo de la primera cabecera aparece la segunda y me dice este mensaje , que supongo ya habrás visto:

      ""La página que estabas buscando en este blog no existe.""
      Un saludo y feliz Navidad.

      Eliminar
    3. Ya me he confundido, porque si entro a la portada veo esta cabecera nada más:
      http://3.bp.blogspot.com/-kzlVCXZj1JI/UK-A-GEhpuI/AAAAAAAAC0c/aNVaGV6eTkE/s1600/cabecera%2Bpalilleras%2Bredimensionada.jpg

      No veo ninguna otra, y ya cuando ingreso a una entrada veo esta nada más:
      http://3.bp.blogspot.com/-BESv2kp1tZE/ULzbU6Ghk6I/AAAAAAAAEQ8/ia1hQQbHgbc/s1600/900-440.png

      Así que no veo las dos cabeceras al mismo tiempo :/

      Eliminar
    4. El tema es el siguiente , entra en el blog y PINCHA con el mouse justo debajo de la foto de la cabecera , al lado de los vídeos que tengo puestos y siempre por encima de los ojos que siguen al cursor.Al pinchar en el fondo del blog se abren las dos fotos de cabecera a la vez.Lo ha echo mi hermana desde su casa y le pasa igual que a mi.Ya me diras algo Un saludo.

      Eliminar
    5. Quizá sea a causa de un script porque de hecho ahí en esa área no debería haber ningún enlace, al menos no encuentro algún enlace en el código fuente de tu plantila, lo que me hace suponer que quizás es un script que hace que esa área tenga un enlace inexistente (por eso pone "undefined")
      Yo te recomendaría que quites uno a uno los scripts y gadgets que tengas hasta que des con el causante de ese problema.

      Eliminar
  65. Hola, me gustaría saber si se puede hacer una cabecera similar a esta http://www.sanjose.tur.ar/playas-de-san-jose-entre-rios-informacion.php
    en el blog? con slide de imágenes? Gracias

    ResponderEliminar
  66. Hola, me gustaría saber si se puede hacer una cabecera similar a esta http://www.sanjose.tur.ar/playas-de-san-jose-entre-rios-informacion.php
    en el blog? con slide de imágenes? Gracias

    ResponderEliminar
    Respuestas
    1. Hola, sigue los primeros de esta entrada:
      http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

      En el gadget que se crea puedes añadir el slider que desees, en la categoría "Slideshows" hay varios sliders.

      Eliminar
  67. Hola amigo Potro . mire usted, Mi blog de Faktor México en cuanto a la plantilla me ha salido defectuosa con ganas, pues varios efectos nunca quedan en el, no funcionan, salen codigos en la pantalla , o pongo uno y deja funcionar el que milagrosamente si agarro, en fin y deveritas que me fijo en todo para que de veras funcione es más, en en el de pruebas queda todo lo que pruebo.. asi que seeepa que sea, pero bueno el motivo de este "rollote que te estoy echan es: que queria cambiar la imágen de la cabecera para ponerle un corazoncito en la parte de atras, peeeero a la hora de irme a diseño no me da para darle click en la cabecera es decir, lo que es el favicon, cabecera y páginas no puedo editarlas ya que el cursor no cambia ni nada para darle click y modificar lo ya dicho anteriormente...ahora otra cosa bueno esto ya es un plus más de lo que me hizo un dia, le quise cambiar la cebecera para igual ponerle una imagen de dia festivo y lo que me hizo fue ponerla grandiidisma que hasta ni se veia completa, entonces opté por poner de nuevo la que tenia y así si quedó normalita ... que es lo que estará pasando? mira ahora le puse lo de esta entrada para ver si asi lo podia modificar y.. SORPRESA..!! no se puede jejeje pero lo mejor de todo es que ahora quedó doble..!!! si me expliqué completamente? ayudame por favorcito..!! saludos :)

    ResponderEliminar
    Respuestas
    1. Pues yo no lo veo doble, pero si te da esos problemas (al menos tantos como los que mencionas) lo mejor sería cambiar de plantilla, así te evitas todos esos problemas :s

      Eliminar
  68. Buenas noches Potro. 3 puntos : si, lo dejé con el efecto de esta publicación pero al darle editar no me deja darle click cómo le puedo hacer? no le modificado a una sola cabecera (porque estoy esperando tu super ayuda) las dos cabeceras no las puedo modificar es que quiero hacer hasta el último intento. Si no, le cambiaré la plantilla. segundo: en donde veo que plantilla le puse para saber cual es el nombre de la que me está dando tanta lata , es que la verdad no recuerdo y tercer: cual me recomiendas la minima o cual? para tener los menos problemas con

    ResponderEliminar
    Respuestas
    1. La mínima es la que menos problemas da y la que mejor se puede personalizar, peor también hay otras muy buenas.
      Con el enlace para Editar no sé qué se pueda hacer :(

      Eliminar
  69. Muy buen truco, me gustaria saber si se puede poner una cabecera distinta en la version movil de blogger, gracias.

    ResponderEliminar
    Respuestas
    1. No lo he intentado Eloy, supongo que puedes poner otra cabecera y condicionarla para que sea visible sólo en la versión móvil, y la otra (la normal) condicionarla para que no aparezca:
      http://ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html

      Eliminar
  70. No hay manera!!
    Me sale siempre este error!
    Alguien me puede ayudar?
    The widget with id "Header1" cannot contain element: "b:widget". A widget can only contain b:includable elements

    ResponderEliminar
    Respuestas
    1. Parece que estás reemplazando sólo una parte, debe ser la línea completa tal como se muestra. Antes de hacerlo no des click en la flechita que está junto a esa línea, sino se expandirá el código y ya no sabrás dónde empieza y dónde termina.

      Eliminar
  71. Hola! Estoy tratando de hacer esto de poner la cabecera distinta en una de mis pestañas y al aplicar los pasos que indicas de añadir el codigo Header2, justo cuando lo hago y le doy a guardar cambios me indica este error:

    Error al analizar XML, línea 974, columna 23: The element type "b:widget" must be terminated by the matching end-tag ""

    No se como hacer para conseguirlo, me puedes ayudar?

    ResponderEliminar
    Respuestas
    1. Hola, con el nuevo editor de HTML de Blogger es posible que no veas la línea del gadget de la cabecera tal como en el ejemplo, sino que quizá comienza así pero debes buscar más abajo, poco a poco, hasta que encuentres el cierre </b:widget>
      Debajo es donde deberás poner la otra línea.

      Eliminar
  72. hola potro, ya lo he añadido y me funciona a la perfección, hasta el momento añadí header11, pero solo le he puesto imagen hasta la cabecera a 9, igual va de maravilla, no se que error afortunado he tenido y me salen las cabeceras en el diseño del blog sin poner el código para ocultarlo y en mi página no se repite la cabecera, lo único que si me pasa es que en el diseño para móviles sí se repite, me gustaría arreglarlo, me puedes echar un cable? sonidosdenotas sonidosdenotas.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Jhon, quizá sea necesario que todas las demás cabeceras las ocultes en la versión móvil con el atributo mobile='no'
      http://www.ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html

      Eliminar
  73. Hola Potro, ahora con otra cosa a la vez ;)

    ¿Cómo puedo modificar el tamaño de la letra de la descripción? He podido modificarla cuando accedes a las entradas y páginas, pero no lo consigo en la portada del blog. He mirado las condicionales y la posibilidad de que haya dos descripciones como has hecho en esta entrada, pero no encuentro nada.

    Gracias!!

    Mi plantilla es Bloggerest como sabes ;)
    refuerzovirtual.com

    ResponderEliminar
    Respuestas
    1. Hola, revisa si has puesto esa descripción directo en la plantilla, porque desde acá no parece estar agregada desde la configuración, al menos no parece estar dentro del contenedor "tradicional".

      Eliminar
  74. Hola Potro, yo escribí la descripción en la plantilla, pero al acceder a las entradas, sí que aumenta al tamaño que le pongo. ¿¿Quizás tengo que poner los estilos de la descripción directamente en esa zona de la plantilla?? Si es así, ya me dirá cómo jj

    Mira, tengo esto:

    <div id='header-inner'>
    <div class='titlewrapper'>
    <h1 class='title'>
    <b:include name='title'/>
    </h1>
    </div>
    Recursos interesantes para profesores y alumnos --- <a href='https://twitter.com/Gorkaprofe' target=' blank'>@Gorkaprofe</a>
    </div>

    No sé si te sirve de algo...

    Gracias Potro!!!!

    ResponderEliminar
  75. Ya está. Debía modificar directamente en la plantilla. He puesto el comando Span y listo. Aunque he tenido que poner font "large" porque no me acuerdo de cómo poner el tamaño exacto de letra jeje Nada grave ;)

    Gracias por tu tiempo!!!

    Abrazos!!!

    ResponderEliminar
  76. Buenas, muy buen post, gracias por la aportación, pero tengo una preguntilla: ¿hay forma de poner cabeceras diferentes de la principal en distintas entradas y/o páginas concretas?

    ResponderEliminar
  77. ¿Sería con el mismo sistema que en las etiquetas pero poniendo la url de las entradas o páginas no? Quizá sea un poco torpe pero ¿dónde exactamente en el código tengo que poner los enlaces de varias entradas para una misma cabecera? >.<

    ResponderEliminar
  78. Hola, yo me preguntaba si en mi pagina estatica de blog seria posible eliminar la cabecera y la barra horizontal de pestañas desplegables??

    www.atecarturo.com

    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.

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger