TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Mostrar una cabecera diferente en las etiquetas

1 de agosto de 2011 | Número de comentarios204 comentarios
Me preguntaba el otro día pixeltuxpan si era posible mostrar una cabecera distinta por cada etiqueta del blog. La respuesta es sí, aunque no sé si haya un método más fácil pero este es el único que se me ocurre por ahora. Se trata de usar las condicionales para elegir dónde ocultar elementos del blog.

Lo que haremos será agregar una cabecera adicional por cada etiqueta que tengamos y la condicionaremos para que sólo se muestre ahí.
Puedes ver un ejemplo en este blog de pruebas; en la portada verás la cabecera estándar, pero si navegas por las etiquetas del blog (Deportes, Juegos, Música) verás que aparece una cabecera diferente en cada una de esas páginas de etiquetas.

Así que mostraremos una cabecera distinta en cada página de etiquetas del blog. Pero en la portada, entradas, páginas independientes y páginas de archivo se verá la misma cabecera de siempre que usas en el blog.

Empecemos, primero entra en Diseño | Edición de HTML y SIN expandir los artilugios busca 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'/>
Agrega una línea como esa por cada etiqueta que tengas, sólo deberás cambiar el ID de la cabecera (lo que está en color rojo), por ejemplo, si agregas una más sería Header3, luego Header4, y así consecutivamente. Nunca deberán repetirse los IDs.
Por ejemplo, si hubieses agregado tres cabeceras entonces se vería así:
<b:widget id='Header2' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
<b:widget id='Header3' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>
<b:widget id='Header4' locked='true' title='Nombre de mi blog (cabecera)' type='Header'/>

Con eso ya tendrás todas las cabeceras de tus etiquetas. Entra en Diseño | Elementos de la página y verás todas las cabeceras que has agregado. Dale click en Editar a cada una de ellas y agrega la imagen que tendrá cada cabecera.

Cuando termines de asignarle su imagen a las cabeceras regresa a Diseño | Edición de HTML. Ahí vamos a condicionar que la cabecera del blog general se oculte en esas etiquetas. Eso lo hacemos agregando antes de </head> lo siguiente:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
#Header1 {
display: none;
}
</style>
</b:if>
</b:if>
</b:if>
</b:if>
Ahora debajo de ese código agrega este:
<b:if cond='data:blog.url != &quot;URL de la etiqueta UNO&quot;'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
Agrega un código como este último por cada etiqueta que tengas, y del mismo modo cambia los IDs de las cabeceras (Header3, Header4, etc.). También pon donde se indica la URL de la etiqueta. Nuevamente supongamos que fueron tres cabeceras las que añadiste, entonces se vería así:
<b:if cond='data:blog.url != &quot;URL de la etiqueta UNO&quot;'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>

<b:if cond='data:blog.url != &quot;URL de la etiqueta DOS&quot;'>
<style type='text/css'>
#Header3 {
display: none;
}
</style>
</b:if>

<b:if cond='data:blog.url != &quot;URL de la etiqueta TRES&quot;'>
<style type='text/css'>
#Header4 {
display: none;
}
</style>
</b:if>


Recuerda que deberás pegar un código como ese por cada etiqueta que tengas, y en cada uno de ellos añadir la URL de la etiqueta de cada una.

Y listo, cuando termines podrás ver que en la portada de tu blog tienes la cabecera de siempre, pero si ingresas a la página de una etiqueta tendrás la cabecera que elegiste para esa categoría.

Cuando hayas terminado verás que en los Elementos de la página sólo aparece el gadget de la cabecera original. Si después quisieras editar las otras cabeceras entonces tendrás que quitar momentáneamente el código que pusimos antes de </head>, eso las mostrará todas de vuelta, edítalas y regresa el código de nuevo a su lugar.

Los que tienen muchas etiquetas en su blog seguro ya salieron corriendo pero los que se quedaron seguro podrán complementar este "truco" con el de mostrar una descripción en las etiquetas del blog.

204 comentarios :

  1. woooow soy el primerowoooow soy el primero

    ResponderEliminar
  2. Excelente post, a muchos les encantara!

    ResponderEliminar
  3. ¡Muy util! Gracias Potro, quiera lo que quiera en mi blog,sabes tú como ponerlo. Gran trabajo.

    ResponderEliminar
  4. Ojalá les sea de utilidad la información. Saludos a todos y gracias por su visita!

    ResponderEliminar
  5. La idea es genial, aunque yo no pueda aplicarla (millones de etiquetas, jeje), me lío hasta poniendo etiquetas, así que imposible.
    Pero siempre pienso en hacerme otro blog nuevo, y si lo hago, si aplicaré esta posibilidad. Tiempo, tiempo, me hace falta tiempo o hacer menos cosas, ;).
    Gracias , potro.
    un beso

    ResponderEliminar
  6. Siempre me pregunté cómo se haría!! me encantó! lástima que yo también tengo un millón de etiquetas jajajaja no me embarco ni loca!.
    Ahora una pregunta relacionada. Yo tengo en mi blog una cabecera con un artilugio donde puse publicidad. Se puede llegar a poner otra cabecera que solo se despliegue en las entradas individuales sin ese gadget de publicidad? Es decir que la portada tenga una cabecera y las entradas individuales otra?

    ResponderEliminar
  7. CMBG, gracias a ti por tu visita!

    Sofía Serra Giráldez, mejor más tiempo para que nos permitas seguir disfrutando tus fotos, poemas y presencia. ¡Besos!

    ResponderEliminar
  8. Potroo! Gracias... que grande sorpresa, ya parece que comienzo a recibir regalor por ser dia de mi cumpleaños que es mañana... gracias de nuevo hombre.

    ResponderEliminar
  9. Hola Pabela,

    Sí se puede, el procedimiento es similar, es decir, agregarías otra cabecera y condicionarías esa y la otra para que se muestren en equis parte del blog.

    Sin expandir los artilugios busca esta parte (quizá no esté exactamente igual) y agrega lo que está en negrita:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='header-left'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title=' (cabecera)' type='Header'/>
    </b:section>
    </div>
    <div id='header-right'>
    <b:section class='header-right' id='header-right' maxwidgets='1' showaddelement='no'>
    <b:widget id='HTML21' title='' type='HTML'/>
    </b:section>

    </div>
    </b:if>

    Eso hará que la cabecera actual no se muestre en las entradas.
    Ahora debajo de ese código agrega este:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='header-entradas'>
    <b:section class='header' id='header2' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header2' locked='true' title=' (cabecera)' type='Header'/>
    </b:section>
    </div>
    </b:if>

    Esa es otra cabecera y si te fijas verás que también está encerrada en una condicional que hará que sólo se muestre en las entradas.

    Por último vamos a darle el mismo estilo a tu nueva cabecera, para ello busca estas partes:

    #header {

    #header h1 {

    #header a {

    #header a:hover {

    #header .description {

    #header img {


    Y cámbialas por estas:


    #header, #header2 {

    #header h1, #header2 h1 {

    #header a, #header2 a {

    #header a:hover, #header2 a:hover {

    #header .description, #header2 .description {

    #header img, #header2 img {


    ¡Saludos!

    ResponderEliminar
  10. Hola pixeltuxpan.com,

    Pues ¡feliz cumpleaños por adelantado!
    Esperaré la invitación de la fiesta :D

    ¡Un abrazo!

    ResponderEliminar
  11. Hey, ¿como se pone lo de que hace que salga que le gusta el blog en Facebook? Se que la pregunta no esta muy detallada pero si lo entiendes, ayudame.

    ResponderEliminar
  12. Yo también sali corriendo, muchas etiquetas y aun en aumento jeje

    Saludos ;)

    ResponderEliminar
  13. Hola Potro, mi pregunta es la misma que Pabela, pero su solución no me sirve, quisiera cambiar la imagen de portada en las entradas individuales. Mi blog: http://canarias50lamili.blogspot.com . Espero puedas ayudarme. Gracias.

    ResponderEliminar
  14. David, en este enlace verás cómo poner el botón Me gusta de Facebook.

    javi_anubis, al menos saliste corriendo después de leer la entrada :D

    Francmi08, deja preparo para la siguiente entrada ese tema porque estoy seguro que me lo estarán preguntando seguido ;)

    ResponderEliminar
  15. EL POTRO. otra vez mas gracias... hombre aun no se como celebrarme.

    potro visita mi pagiina www.pixeltuxpan.com creo que no dio el resultado, porque el header1 no se reemplaza ahi sigue, o sera porque yo no uso etiquetas

    ResponderEliminar
  16. En efecto es por las etiquetas. Si bien puedes ocultar elementos en entradas determinadas no se pueden contradecir las funciones, es decir, no se puede poner "en esta entrada sí muestra, pero en esta misma no muestres".

    Lo más conveniente sería que lo uses con etiquetas, porque igual podrías hacerlo con páginas independientes, pero veo que también usas una página independiente como Home y ahí también habría conflicto :/

    ResponderEliminar
  17. hola potro como puedo cambiar sidebar te lo dejo en la imagen http://dl.dropbox.com/u/23889866/Dibujo.JPG

    ResponderEliminar
  18. EL POTRO: si se puede ya intente y si sale hasta en las paginas estaticas, solo que ahora me da un poco de webba diseñar cada cabecera puff.

    en conclusion tu tuto si me sirvio y dio el resultado esperado, gracias man si ti no seria nada pixeltuxpan.com

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

    ResponderEliminar
  20. hola muy bueno eee = mas adelant con muchoooo mas tiempo lo intentare gracias x la informacion.
    salu2 y q stes bien.

    ResponderEliminar
  21. Antonio, no es necesario cambiarlo de lugar, si el problema son los anchos de cada sidebar sólo necesitas cambiar el ancho que tiene una por el ancho que tiene la otra. Si me indicas en cuál blog es podré decirte las áreas donde se hace eso.

    pixeltuxpan.com, bueno, a ver si regresando de vacaciones ya hay la energía para hacerlo :)

    Lady Pink, igualmente, que estés de lo mejor!

    ResponderEliminar
  22. Es el blog de prueba es este;http://plantilladepequemundossims.blogspot.com/

    ResponderEliminar
  23. Busca estas partes:

    #l_sidebar {
    float: left;
    width: 160px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    line-height: 20px;
    }

    #r_sidebar {
    float: right;
    width: 250px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    line-height: 20px;
    }

    Invierte esos valores, es decir, al que tiene 160px ponle 250px, y al que tiene 250px ponle 160px

    ResponderEliminar
  24. Yo tengo una duda, ¿Puedo hacer algo similar a esto pero con los hashtags? y mostrar uno aleatorio cada que entran a mi blog?

    ResponderEliminar
  25. Danny, los hashtags son de Twitter, no he entendido la relación con la entrada :/

    ResponderEliminar
  26. Hola. Llevaba mucho tiempo buscando esto. Lo vi una vez en un blog literario y me decía ¿cómo lo habrán hecho? Lo aplicaré, tengo unas 10 etiquetas o asi, pero en cuanto me haga con la misma cantidad de cabeceras este truco fijo que cae en mi blog. Muchas gracias por compartirlo.

    ResponderEliminar
  27. Ta bueno!! y sera k me puedas pasar las imagenes k usastes de deport,jueg..y musica PORTRO? gracias!!

    ResponderEliminar
  28. Potro no se me ven las cabeceras en las etiquetas, tenes idea de porque sera?

    ResponderEliminar
  29. ^(.)^ Silvia ^(.)^, gracias a ti por tu visita!

    Microboy90, tómalas del blog de pruebas, usa el botón derecho o desde el código fuente ;)

    Macarena, revisa de nuevo el último código, veo que tienes repetida una indicación de que se oculte la segunda cabecera 'Header2'
    Recuerda que la condicional de 'Header2' corresponde a la segunda cabecera pero a la primera etiqueta a ocultar. Luego 'Header3' corresponde a la tercera cabecera pero a la segunda etiqueta. Quizá por ahí está la confusión.

    ResponderEliminar
  30. Hola Potro, te hago una pregunta fuera del tema.
    Hay algun tutorial que te enseñe a como transformar una plantilla normal, es decir con todos los archivos y juntarlos en un xml para que funcione como plantilla de blogger.

    ResponderEliminar
  31. Potro revise tonto y tengo todo tal cual esta aca, sinceramente no entiendo que hice mal.

    ResponderEliminar
  32. me encataria poner esto en mi blog pero tengo de cabecera un elemento swf y no creo que se pueda!!!

    ResponderEliminar
  33. Lo siento, (que tonto fui) lo que quise decir es que quiero hacer algo similar a microsiervos donde cargan un listado de taglines (era lo que quería decir) y los muestra aleatoriamente a los lectores.

    Lo siento mucho por el error.

    ResponderEliminar
  34. Stuka, ¿tomar una plantilla HTML y pasarla a XML? No se puede, ya que Blogger usa códigos exclusivos para su plataforma.

    Macarena, algún detalle debe estar faltando o sobrando. Si gustas pega aquí los códigos que has puesto para ver si encuentro el error, o envíame tu plantilla por el formulario de contacto para que le dé una revisada.

    ResponderEliminar
  35. Voy a empezar a hacerlo desde el principio porque me enoje y borre todo. Capaz que ahora me sale, luego te aviso. Gracias potro.

    ResponderEliminar
  36. jonathan pucheta, también se puede hacer, la diferencia sería que no serían gadgets de cabecera sino elementos HTML/Javascript.

    Danny, lo más cercano que se me ocurre es poner entradas relacionadas debajo de los posts, o entradas al azar en un gadget de la sidebar o el footer.

    Macarena, vale, suerte!

    ResponderEliminar
  37. Gracias por el tutorial, tu página de 10! de nuevo muchas gracias

    ResponderEliminar
  38. Pásate por mi blog: http://cinemuch.blogspot.com/

    ResponderEliminar
  39. Hola Potro!, muy buenas. (ya nos conocemos de otro blog, ignoro si te acuerdas..:) ).Mira tengo un problema. En el blog nuevo que estoy creando, quiero poner cabeceras distintas por pagina estatica, que seria estilos musicales. Ya van 3 veces que lo intento pero me sale este error que te adjunto. ¿Puedes echarme una mano, por favor?. No sé si el error es de escritura en tus codigos que figuran aqui o el fallo es ..mutuo (asi quedo bien jajaja).
    Mi blog es http://radiomaster-angie.blogspot.com/
    Aqui te dejo la captura que hice del ERROR.
    Un besote desde España. (Vale vale..tu blog está muy bueno..lo que sé es por tus tutoriales ;).
    Adjunto: http://dl.dropbox.com/u/19398561/errorHtml.png

    ResponderEliminar
  40. Hola Angie,

    Si lo vas a aplicar para páginas estáticas entonces el código tal como está no te va a funcionar, necesitas hacer una pequeña modificación.
    A este código tendrías que quitarle lo que está en negrita:

    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <style type='text/css'>
    #Header1 {
    display: none;
    }
    </style>
    </b:if>
    </b:if>
    </b:if>
    </b:if>


    Ahora, en cuanto al error es un hecho que no es por los códigos porque ya varios lo han aplicado sin haber tenido ese error, habría que ver cómo es el código que estás poniendo para así determinar la falla, podría ser un problema en la URL o el ID de la cabecera.

    A modo de recomendación primero pon una cabecera, si todo sale bien continua con otra, y así hasta que cubras todas las cabeceras que quieres, de esa forma podrás saber en cuál parte del proceso puede estar el error.

    Gracias por el beso!

    ResponderEliminar
  41. Buenas noches Potro. Primero agradecerte de corazón la ayuda que me dispensas..:) ya lo hice tal como me dijiste. Funcionó a la perfección.
    El error, como creo que intuías, se debió a que puse mal la URL de las páginas estáticas (ponía las de "editar pagina" en cada una, y no las de "visualizar", eso hacía que al estar mal puestas, saliera ese ERROR.
    Todo en orden en mi página.
    Un fuerte abrazo... :) y otro besote si gustas...
    Ya tendrás noticias de mi.
    Este blog "mola" cantidad.
    Enhorabuena!!! sigue asi..

    ResponderEliminar
  42. Buenas noches Angie,

    Qué bueno que ya te ha quedado todo de maravilla.
    Ese error que tuviste también lo he cometido yo algunas veces, por andar a las prisas copio el enlace que no debo y todo se desbarata.

    Me quedo con el beso y el abrazo también si no hay inconveniente :)
    Ah, y otros tantos para ti.
    ¡Buen fin de semana!

    ResponderEliminar
  43. Gracias..un poco atrasadas :P .

    Vale, te invito a pasar por el blog, para que veas cómo han quedado.

    Aún no está lleno del todo, pero si así fuera...empezaría otro jajajajaja.

    Venga..échalo un vistazo si gustas http://radiomaster-angie.blogspot.com/

    Tengo varias ideas, en cualquier momento las aplico, si tengo algún problema, te consultaré, si no veo incluso por aquí en los comentarios sobre tus post la solución ;) ...si no es molestia, claro.

    Cordialmente, un abrazo.

    ResponderEliminar
  44. No es ninguna molestia, en lo que pueda ayudarte lo haré con mucho gusto ;)
    Buen inicio de semana!

    ResponderEliminar
  45. Me cae que eres un profesional potro, no hay truco que pueda contigo, haber que mas inventas luego

    ResponderEliminar
  46. Una pregunta potro como puedo poner un "scroll to top" creo que se llama así es el que tienes tu al lado derecho de la pantalla el botón de la flecha para arriba, bueno y gracias de nuevo

    ResponderEliminar
  47. Te dejo el enlace donde se explica cómo ponerlo:
    http://ciudadblogger.com/2010/01/boton-de-ir-arriba-e-ir-abajo.html

    Saludos.

    ResponderEliminar
  48. hay forma de usarlo con otro wiget q no sea la cabecera? ejemplo:

    quiero que en mi sitio al entrar a la pagina de alguna etiqueta aparesca un banner sobre los resultados de etiquetas. en mi sitio tengo un widget que muestra los autores del blog, a cada autor le asigne una etiqueta, para que al darle click al autor me mande a las publicaciones (etiqueta) de cada uno. pero que en la pagina resultante de la etiqueta aparesca un banner de cada autor, para mostrar de quien estan leyerndo, no se si me explico.

    www.distorcionrock.com

    ResponderEliminar
  49. yo no tengo de imagen de cabecera puesta así en el widget de cabecera, sino que la tengo como body, entonces quisiera saber como hacer este truco con las imágenes de body

    ResponderEliminar
  50. Jair Garcia, sí, sólo necesitas usar las condicionales para ocultar elementos en distintas partes del blog, así podrías determinar que equis gadget se oculte en todas partes menos en una etiqueta específica.

    ResponderEliminar
  51. SrDiario, de una forma parecida, tendrías que usar antes de </head> una condicional por cada imagen de fondo que quieras usar en las distintas etiquetas:

    <b:if cond='data:blog.url == &quot;URL de la etiqueta UNO&quot;'>
    <style type='text/css'>
    body {
    background: url(URL de la imagen) !important;
    }
    </style>
    </b:if>

    ResponderEliminar
  52. Hola potro, muchas graxias por tus tutoriales y consejos, la verdad se agradece aprendi muchisimo.
    Tengo una consulta, no entendi muy bien como poner la imagen, no puedo leer donde lo explicas, desde ya muchas gracias.

    ResponderEliminar
  53. Hola UZI SUICIDE,

    Para añadir las imágenes a las cabeceras sólo ingresa en Diseño > Elementos de la página, ahí verás muchos gadgets de cabecera, si les das Editar podrás subir ahí la imagen a cada una de las cabeceras.

    Saludos.

    ResponderEliminar
  54. Potro buenísimo! el dato! pero esto solo sirve en el Header? no podría hacer lo mismo pero en otra parte del blog?

    Un abrazo bro!

    ResponderEliminar
  55. Vaya, muy bueno, para darle más personalidad al blog, un par de hora que tenga y seguro lo implemento. Gracias Potro.

    ResponderEliminar
  56. G-NoZiDe, por supuesto, el procedimiento es el mismo, lo único que cambiaría sería el nombre de la ID del gadget y el tipo de gadget.

    ResponderEliminar
  57. hola potro, excelente truco pero tengo un problema...no puedo subir las imagenes de las cabeceras porque en Diseño > Elementos de la página solo salen 2

    agradecería que me ayudaras y esta es mi plantilla por si sirve de algo http://www.premiumbloggertemplates.com/2011/10/techzine-premium-blogger-template.html

    ResponderEliminar
  58. Hola Daniel,

    Pon un código por cada cabecera a la vez. Cuando pongas uno ve a Elementos de la página y sube la imagen, la guardas y regresas a poner el otro código y así sucesivamente.

    ResponderEliminar
  59. hay forma de que la pagina principal solamente se publique entradas de una etiqueta?

    ResponderEliminar
  60. Y hay alguna forma de hacer que el gadget "Páginas" sólo salga cuando entras en una etiqueta concreta?

    Y otra duda: ¿Cómo se pueden poner las etiquetas y el gadget de compartir que tengo en mi blog (desdefondosur.blogspot.com) encima del gadget artículos relacionados? Esque tengo los códigos puestos en la sidebar (ya que no se ven), no en la plantilla HTML.(las etiquetas las tengo ocultas por eso, porque me salen debajo)

    Y ya, cómo se ocultan las etiquetas en la portada del blog?

    Ah, y se puede aplicar a la sidebar dos bordes de distintos tipos? (ya que yo sólo tengo uno)

    Un saludo y muchísimas gracias de nuevo.

    ResponderEliminar
  61. ¿hay forma de que se muestre una imagen sobre la imagen miniatura de cada entrada por categoría?

    ocea x ej. en una entrada en las etiquetas puse HD y hay forma de que pueda poner una imagen sobre la imagen miniatura de la pagina de inicio transparente
    tipo como Taringa! que tiene una imagen al lado del titulo. pero arriva de la imagen miniatura

    cualquier cosa el blog: http://mi-ra-peliculas.blogspot.com

    muchas gracias x tu tiempo

    ResponderEliminar
  62. Daniel García, condiciona el gadget de Páginas para que salga donde quieras o para que no salga donde no quieras, lo mismo para las Etiquetas:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    El gadget de LinkWithin siempre sale ahí, lo pongas donde lo pongas, así que todo lo demás como etiquetas, etc. queda debajo. No sé si tenga que ver con los códigos que da ahora, porque antes sí se podía mover a otras partes.

    Lo de los bordes no se puede, como es una sola sidebar sólo se le puede aplicar un tipo de borde.

    ResponderEliminar
  63. Axeel, quizá sobreponiendo imágenes y usando condicionales en las etiquetas. Ahora mismo no se me ocurre bien cómo, pero apenas tenga un poco de tiempo libre hago unos experimentos y veo qué puede salir.
    Saludos.

    ResponderEliminar
  64. Muchas gracias.
    ¿Y se puede agregar padding de otro color a ese único borde de la sidebar?
    ¿Y personalizar el gadget de linkwithin? (Cambiar el tamaño de la letra, el tipo...)
    Gracias de nuevo.

    ResponderEliminar
  65. De LinkWithin en unos días haré una entrada sobre ello y un poco de personalización en ese gadget.
    El padding no tiene color, es un espacio vacío.
    Saludos.

    ResponderEliminar
  66. Hola potro sabes si se puede hacer ese mismo efecto solo que envés de hacerlo cada ves que se cambia de etiqueta, hacerlo tipo cada ves que entras al sitio/blog una cabecera diferente.
    Gracias

    ResponderEliminar
  67. Sí, de hecho hay una entrada donde se explica cómo tener una cabecera al azar:
    http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

    ResponderEliminar
  68. Hola! Muy Buena tu pagina me sirve muchisimo para mejorar mi blog!..Pero realmente no se que estoy haciendo mal porque no me funciona este truco en el primer paso al querer agregar las plantillas me aparece lo siguiente:
    El artilugio con ID "Header1" no puede contener el elemento: "b:widget". Un artilugio solo puede contener elementos b:includable.

    :( Gracias, Me encantaria que me contestes..
    Maite!

    ResponderEliminar
  69. Hola maite,

    Revisa que el código lo estés poniendo SIN expandir los artilugios, y que se ponga justo en el lugar donde se indica, si se sigue al pie de la letra las indicaciones no deberá darte ningún problema.

    Saludos :)

    ResponderEliminar
  70. Gracias Me sirvio =(Pero igualmente ya termine y no me aparece ninguna imagen en las etiquetas...Perdona lo bruta que soy.

    Tu blog esta buenisimo!!
    Gracias Maite!

    ResponderEliminar
    Respuestas
    1. Hola de nuevo maite, ¿editaste cada gadget de la cabecera?
      Recuerda que al poner cada cabecera debes editarla para subir la imagen de esa cabecera.
      Saludos.

      Eliminar
  71. Hola Potro! Sabes Como Poner "Que Quede Bien" Una Imagen En La Cabecera Del Blog Reemplazando el Titulo, Que Quede Una Imagen, Tengo Esta Plantilla y No Soy Capaz, Me Queda Muy Pequeña La Imagen "Asi La Haga Grande" Y Se Ve Horrible Esta Es La Plantilla Colaborame Con ESO ;) http://btemplates.com/2011/blogger-template-perfecty/

    ResponderEliminar
    Respuestas
    1. Hola Blood Creek,
      Puedes poner la imagen directo en la plantilla, después de #header-wrapper{
      background: url(URL de la imagen);

      Eliminar
    2. Para Mostrarla En La Cabecera ? Probare Que Tal.

      Eliminar
    3. No Me Aparece Ese Codigo En La Plantilla Potro.

      Eliminar
    4. Revisa bien, que lo he tomado de tu código fuente.

      Eliminar
    5. Mo Soy capas Potro, Ya Lo Encontre pero solo hasta #header-wrapper{ Lo Otro no lo veo al lado, ayudame con eso ;) Gracias!

      Eliminar
    6. Lo otro tú lo debes agregar justo después de eso. Lee de nuevo la respuesta que te di antes. Saludos.

      Eliminar
    7. Ayuda Potro, estaba metiendo un gadget en una entrada u mira como me quedo el blog!! ayudame a arreglarlo potro!!! Saludos!! http://futboldeporteking.blogspot.com/

      Eliminar
    8. Potro Ya Lo Arregle, pero no tengo ni idea de como hacer lo que me dices. Intentare despues a ver.

      Eliminar
    9. Futbol Deporte Rey, yo lo veo todo bien o.O

      Eliminar
    10. Futbol Deporte Rey Soy yo! si no que se me cambio de perfil ;) Probare lo de la imagen :)

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

    ResponderEliminar
  73. interesante Potro, no se me habia ocurrido eso jeje, aunque si se me habia pasado por la cabeza poner una imagen por cada etiqueta.. se puede hacer eso?

    mas o menos como el estilo de Taringa que tiene una imagen pequenita a la izquierda para cada categoria en sus post.. como se podria poner eso en cada categoria?

    http://lh4.ggpht.com/_K8DUqkxO_dY/SmEru_F3wTI/AAAAAAAAAog/yA-XX0v3F8s/taringa%20cambios%204.JPG

    saludos :)

    ResponderEliminar
    Respuestas
    1. Tendrías que poner un gadget HTML/Javascript, ahí poner manualmente y uno por uno el enlace a cada etiqueta con su respectivo ícono.

      Eliminar
    2. mmm, encontré esto en vagabundia, no sé si es lo mismo que tengo que hacer para que se vea asi como te pregunté..

      http://vagabundia.blogspot.com/2007/11/blogger-usando-imgenes-en-lugar-de.html

      Eliminar
    3. Pues supongo que sí, yo te decía algo menos complicado, pero igual debe funcionar ese método.

      Eliminar
    4. jeje si, ahora que lo reviso bien es medio complicado, voy a tratar tu metodo mejor :)

      otra pregunta, ¿como podría hacer para que también salga en las entradas el icono junto a la etiqueta?

      gracias

      Eliminar
    5. Tendrías que aplicar un script para que cada etiqueta de las entradas tenga un ícono diferente:
      http://www.oloblogger.com/2008/09/iconos-por-categoria-en-cada-post.html

      Eliminar
    6. gracias Potro :)

      ahora lo pruebo ;D (Y)

      saludos

      Eliminar
  74. Pues necesito ayuda, porque a mi me funcionó bien pero me sale la cabecera principal en todas además de la que he puesto. ¿Como soluciono éso?

    ResponderEliminar
    Respuestas
    1. Por cierto mi blog es muraldecoracion.com

      Eliminar
    2. Revisa los pasos, es posible que no hayas condicionado la primera cabecera para que no aparezca.

      Eliminar
    3. Gracias Potro por tú rápida contestación. He revisado los pasos y no encuentro nada que se salga de lo que debía de hacer. Supongo que a lo que te refieres pueda ser aplicar éste código?? Ocultar un elemento en todas partes MENOS en la portada del blog

      #NOMBRE {


      Si es así, como busco el nombre de la foto para aplicarlo??? 1000 gracias por anticipado!!

      Eliminar
    4. Hola Javier, a lo que me refiero es al paso donde se agrega antes de </head> y que justamente hace que la cabecera principal se oculte en las etiquetas:

      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;archive&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <style type='text/css'>
      #Header1 {
      display: none;
      }
      </style>
      </b:if>
      </b:if>
      </b:if>
      </b:if>

      Eliminar
    5. Gracias Potro, pero no he tenido suerte, lo he quitado y puesto pero na hay manera, no se me ocurre nada, si a lo mejor es otro código sumado en otra aplicación o no sé..., he mirado por si faltase alguna "coma" o algo pero no, ni idea... Me pregunto si tiene algo que ver la modificación para ajustar la imagen principal con el truco que posteateis en ciudadblogger... Si se te ocurre algo dimelo... Gracias, éres un tio noble !!

      Eliminar
    6. Gracias Javier. ¿Cuál es el otro truco que dices que aplicaste anteriormente?

      Eliminar
    7. Ante todo perdona, pq no fué un post vuetro, me he equivocado, fué una contestación en un foro de ayuda,y me comentaron que para centrar la foto y ajustarla hiciera ésto según mi plantilla...Para centrar el título de tu blog, idem anterior, pegando la siguiente línea:

      .Header {text-align: center;}
      Para la travel, probá tal como dicho anteriormente pero pegando lo siguiente:

      #header-inner{
      width: 760px;
      margin: auto;
      }

      La medida en pixels puede modificarse de acuerdo al tamaño de la imagen.
      Saludos,
      la medida la cambie a 960x720

      Eliminar
    8. Pues no, eso no debe afectar. ¿En cuál blog es donde has puesto las múltiples cabeceras?

      Eliminar
    9. Éste, http://www.muraldecoracion.com/ , a ver si alguien me puede ayudar.

      Eliminar
    10. Lo que pasa es que lo que se explica en esta entrada es para tener distintas cabeceras en las páginas de Etiquetas, y tú no lo has puesto en las Etiquetas, sino en las páginas independientes que es algo completamente diferente. Es por eso que te aparece la cabecera principal también ahí y por eso era necesario que mencionaras que lo habías puesto en las páginas y no en las Etiquetas.
      En ese caso, tendrás que cambiar este código:
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;archive&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <style type='text/css'>
      #Header1 {
      display: none;
      }
      </style>
      </b:if>
      </b:if>
      </b:if>
      </b:if>


      Por este:
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;archive&quot;'>
      <style type='text/css'>
      #Header1 {
      display: none;
      }
      </style>
      </b:if>
      </b:if>
      </b:if>

      Eliminar
    11. -Éres un tio grande, perdón un TIO GRANDDE. Disculpa mi ignorancia... creo desde ahora en adelante tengo clero algún concepto que antes confundia. Espero seguir aprendiendo de ti. Muchas gracias POTRO!!

      Eliminar
    12. Es un placer haberte podido ayudar Javier. Que tengas buen fin de semana.

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

    ResponderEliminar
  76. lo hago exactamente igual y no sé en qué fallo... la imagen de la pagina principal sí se queda bien, pero cuando voy a la pagina de la etiqueta no me sale la imagen nueva que puse, no me sale ni la cabecera antigua ni la nueva... será que he puesto mal la direccion url de la etiqueta?? he puesto http:nombredelblog.blogspot.com.es/search/label/shop --> que es el nombre de la etiqueta... no se si me podeis ayudar..
    gracias!

    ResponderEliminar
    Respuestas
    1. Hola Delgadito, pon la URL de tu etiqueta sin la extensión .es, con esas extensiones las condicionales no funcionan.
      Que quede así:
      http:nombredelblog.blogspot.com/search/label/shop

      Eliminar
  77. Hola potro soy el creador de estrella verde y te comente por facebook que hize todos los pasos pero cuando le pongo la imagen a la cabera se me desaparece la cabecera para esa etiqueta o sea... ahi va...
    pagina normal con cabecera normal: http://www.estrella-verde.com/
    etiqueta con imagen puesta que desaparecio: http://www.estrella-verde.com/search/label/Mendoza
    etiqueta en la que todavia no pongo la imagen pero si aparece la cabecera: http://www.estrella-verde.com/search/label/Pueblos%20Originarios
    Me podes decir que puedo haber hacho mal?

    ResponderEliminar
    Respuestas
    1. Hola Pablo. Lo que parece ahí es que la cabecera que le corresponde a esa etiqueta también la estás ocultando con las condicionales, incluso para la misma etiqueta.
      Repasa los pasos, de modo que te asegures que el ID de la cabecera de esa etiqueta corresponda al que debe ser.
      Si te es más sencillo elimina todas las demás cabeceras, empieza por una, prueba con ella, si todo sale bien agrega otra y así sucesivamente.

      Eliminar
    2. Potro reviso cadapaso y esta perfecto, quise tratar de borrar todo y volver a empezar de a uno pero cuando borro el la cabeceras me aparece un error tipo bX-elfkyd y no me deja seguir...

      Eliminar
    3. Prueba con la interfaz antigua, quizá con ella no te dé ese tipo de errores.

      Eliminar
  78. Saludos Potro, que buenos consejos tiene tu pagina, mis felicitaciones.
    He tenido problemas con esto no logro hacer que aparescan los encabezados que quiero, logro agregar las cabeceras necesarias para todas mis etiquetas, y las imagenes. Despues a la hora de agregar el codigo me queda la cabecera de home bien.
    EL problema es que cuando voy a las etiquetas de las etiquetas no hay ninguna, he probado agregar el codigo uno por uno, y las etiquetas van desapareciendo, asi que el codigo funciona muy bien, me he cerciorado de que las etiquetas correspondan al encabezado corresto Et1=EN2 Et2=En3 etc.
    El problema creo yo que esta que al no se cumple la condición y no me muestra el encabezado para la etiqueta correspondiente.
    Este es mi blog http://zerosubs.blogspot.mx/
    De antemano agradesco tu ayuda y el esfuerzo.

    ResponderEliminar
    Respuestas
    1. Hola GABRIEL300487, cuando agregues la URL de la etiqueta no pongas la extensión del país, por ejemplo, en lugar de blogspot.mx que sea blogspot.com, sino, la condicional no reconocerá la URL de la etiqueta.
      Saludos.

      Eliminar
    2. Muchas gracias, Potro. Ya funciona bien. Solo quisiera saber si este truco es aplicable con otro que vi, de cabeceras aleatorias en la pagina de inicio, o si hay akguna forma de hacerlo, gracias.

      Eliminar
    3. Pues sí, es el mismo procedimiento, en realidad lo único que cambia es que en lugar de mostrar un gadget de cabecera por cada etiqueta mostrarías un gadget HTML (que simula ser la cabecera) por cada etiqueta.

      Eliminar
    4. Gracias por responder Potro. Ya veo, asi que lo que tendría que hacer es convertir todas las cabeceras a HTML como dice en tu post. Despues usar una url en cada cabecera HTML de etiqueta y muchas en la cabecera HTML de la cabecera principal. Espero haberlo entendido bien XD. Intentare y comento.

      Eliminar
    5. Saludos Potro, pues intente el truco combinado y no logro usarlo. cuando quiero eliminar las cabeceras, como dice en el inicio del post de cabeceras aleatorias, me marca un error Bx-6pktnb. Intente quitar el scrip de ocultar las cabeceras antes de borrarlos y ni aun asi me deja.

      Eliminar
    6. Puede ser por la interfaz Gabriel, prueba hacerlo desde la interfaz antigua:
      http://ciudadblogger.com/2012/02/cambiar-la-interfaz-antigua-de-blogger.html

      Eliminar
    7. Gracias por tus respuestas y tu paciencia Potro, pues si que esta muy bien la platilla vieja, permite mas cambios XD. Pues no supe bien como hacerlo el truco como dice en tu otro post, ya que al borrar la primera cabecera solo esta desaparecia, logico. Y las demas quedaban y no mostraba un HTML. Pero estube moviendole como crei conveniente, en donde dice header1 solo le cambie por HTML5 y en type le puse HTML, asi ya me aparecio un HTML y pude introducir el scrip del otro post. Bueno muchas gracias potro y te seguire molestando en un futuro, estoy checando todos tus post para ver si hay algun otro truco que aporte dinamismo, ahora probare el que dices al final de este post, para complementar lo de las etiquetas. Saludos y continua con tu gran trabajo.

      Eliminar
  79. Hola Potro. Tengo una pregunta respecto a esta entrada:

    Yo tengo muchas etiquetas, pero basicamente 3 son importantes y no complementarias. A, B y C: Si es A, no es B ni C, y asi con las otras 2. Entonces pensé que aunque tuviera muchas etiquetas, como 3 son las importantes funcionaria, pero veo que no. Que al entrar en A, B o C, el Header no aparece.

    No se puede hacer al tener muchas etiquetas o estoy haciendo algo mal?

    Gracias de antemano!

    ResponderEliminar
    Respuestas
    1. Hola Rubén, verifica que las condicionales estén bien colocadas, y que las URLs no tengan la redirección del país:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

      Eliminar
    2. Gracias Potro. Ya está solucionado.

      http://ruben-fdez.blogspot.com

      Si lo visitas, verás que he usado muchos de los trucos que propones. Si crees que podría utilizar algun otro, dimelo. Quiero reducir las entradas con muchas imágenes a entradas con 1 sola imagen pero tipo slider con picassa. Seguramente tienes una entrada en el blog donde lo explique, la buscaré.

      Gracias por todo!

      Eliminar
    3. No comprendí bien Rubén, pero si necesitas un slider en las categorías encontrarás algunos.
      Saludos!

      Eliminar
  80. Potro creo que me arrepenti de este truco ya que en la forma del blog para celulares me aparecen todas las cabeceras juntas puedo hacer algo para mejorar eso por que se ve bastante antiestetico...

    ResponderEliminar
    Respuestas
    1. Pues si ya no lo usarás quítalo, si quieres seguir intentando hazlo primero en un blog de pruebas, así sabrás dónde puede estar el fallo.

      Eliminar
  81. Saludos Potro, bueno hoy no vengo con una duda para variar XD. Hoy traigo un pequeño aporte para mejorar este truquito, si bien no se mucho de esto del HTML espero que este bien, yo lo probe y no me dio ningun problema.

    Aplique lo que dice en tu post, pero encontre unos inconvenientes, si uno tiene muchas etiquetas y no crea una cabecera para cada una de ellas, las que queden sin cabecera no mostraran nada.

    Pues lo que hice fue dejar una cabecera fija para todo el blog y varias para las etiquetas que quiero mostrar cierta imagen.
    Lo que hice fue que puse dos codigos por etiqueta uno con la condicional == y otro con la condicional ¡=.

    En el que tiene la condicional == puse la id de la cabecera que deje fija para todo el blog(Header1 en mi caso).

    En el codigo ¡= puse la id correspondiente a la cabecera que quiero mostrar en la etiqueta (Header2 en mi caso).

    Me quedo algo asi por cada etiqueta que quisiera ponerle una cabecera fija.


    <em>
    <b:if cond='data:blog.url == "URL de la etiqueta;'>
    <style type='text/css'>
    #Header1 {
    display: none;
    }
    </style>
    </b:if>

    <b:if cond='data:blog.url != "URL de la etiqueta;'>
    <style type='text/css'>
    #Header2 {
    display: none;
    }
    </style>
    </b:if>
    </em>


    De este modo las etiquetas que no le hagamos una cabecera mostraran la cabecera normal del blog o fija que pusimos. Asi no importa si tienes 1000 etiquetas, ya no saldras corriendo XD.
    Solo aplicaras esto a las etiquetas que quieras.
    En mi caso Header1 es HTML1, y en el aplique el codigo de cabeceras intercambiables, de este modo siempre cambiara en las paginas del blog las imagenes y en las etiquetas designadas mostrara als cabeceras.

    Bueno para volver a lo normal quisiera consultare algo, tengo la idea de que mostrar la misma cabecera de la etiqueta en las entradas individuales con esa etiqueta, no se si me doy a entender.
    Hay algun codigo como los que usas.
    static_page
    archive
    blog.homepage

    No se si sea el "tag" que es el que he visto al inspeccionar ese elemento delblog.de todas maneras experimentare XD.

    Bueno espero haber ayudado en algo :) y devuelto algo a esta pagina que sigo para mejorar mi blog. Perdon por el comentario tan largo XD.

    ResponderEliminar
    Respuestas
    1. Gracias por el aporte :)
      Lo otro no existe, ya se ha tardado Blogger en sacar una condicional que aplique sólo para las etiquetas, quizá en un futuro suceda :)
      ¡Buen fin de semana!

      Eliminar
    2. Gracias por responder Potro, pues si que deberian sacarla XD, pues lo unico que se podria hacer es lo mismo que para las etiquetas pero por entrada individual, aunque seria demasiado codigo. Y no se si tanto codigo alente mas la pagina del blog (o.0)?
      Bueno estare por aquí checando más aportes tuyos.

      Eliminar
    3. Saludos Potro, hoy tengo otro pequeño aporte, sinceramente espero que este correcto XD, lo cheque pero siempre puede surgir algo.
      Recientemente aprendí a usar la condicional switch de java, y me puse a experimentar con ella, y se me ocurrio aplicarla a este truco.

      Como yo tengo los dos trucos de cabeceras, uno para etiquetas y otro para cabeceras aleatorias. Decidi probar acombinarlos tambien.


      Para ello primero coloco una condicional en la plantilla por cada etiqueta que quiera asignarle una imagen, de este modo:


      <script type='text/javascript'>
      var cabecera1=0;
      </script>


      Este codigo de arriba es para el aleatorio.


      <b:if cond='data:blog.url == "URL-A-ASIGNAR-IMAGEN"'>
      <script type='text/javascript'>
      var cabecera1=NUMERO1;
      </script>
      </b:if>

      <b:if cond='data:blog.url == "URL-A-ASIGNAR-IMAGEN"'>
      <script type='text/javascript'>
      var cabecera1=NUMERO2;
      </script>
      </b:if>


      Este es para condicionar una imagen por URL. Se copia cuantas veces quiera uno y se le cambia el NUMERO1 por el 1, NUMEOR2 por el 2, y así si se agregan más, no se debe ocupar el "0".

      Con eso ya tenemos los codigos en nuestra plantilla, despues en un gadget HTML, coloco esto.


      <script language="javascript" type="text/javascript">

      if (cabecera1 == 0) {
      function randRange(lowVal,highVal) {
      return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
      }
      var cabecera1=randRange(1,5);
      }

      switch (cabecera1) {
      case NUMERO1:
      cabecera2=""URL-DE-LA-IMAGEN-1"
      break
      case NUMERO2:
      cabecera2="URL-DE-LA-IMAGEN-2"
      break
      default:
      cabecera2="URL-DE-LA-IMAGEN-DEFAULT"
      }

      document.write('<img src="'+cabecera2+'">')

      </script>


      Con esto ya tenemos en las etiquetas imagenes fijas, sólo ahy que ponerle en la URL-DE-LA-IMAGEN-1 la URL que queremos para la etiqueta con el NUMERO1 el 2 cone l 2 y así sucesivamente. Y en cualquier otro lado del blog tenemos imagenes aleatorias.

      Tambien se puede convertir en imagenes fijas, borrando este codigo que se pone en la plantilla.


      <script type='text/javascript'>
      var cabecera1=0;
      </script>


      Y este del gadget.


      if (cabecera1 == 0) {
      function randRange(lowVal,highVal) {
      return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
      }
      var cabecera1=randRange(1,5);
      }


      Espero que a alguien le sirva la modificacion que le hice, basicamente es que ahora solo se ocupa un gadget en vez de usar muchas cabeceras, para no saturar de cabeceras la parte de "Diseño", ademas de que si cuentan con muchas etiquetas y solo quieren ponerle a algunas una imagen fija, se puede y als demas tendrán imagenes aleatorias o una fija.

      Eliminar
    4. Interesante... muy interesante :)

      Eliminar
    5. Saludos Potros, pues la verdad no se si sea tan interesante XD, pero ahi poco a poco estoy pasando de no saber nada a comenzar a hacer scripts basicos, y copiando pedasos de otros script XD.

      Cuando lo escribí se me olvido hacerte una consulta, si sabes algo sobre los botones Radio, tengo un gadget en mi blog, donde informo el estado de los capitulos que saco, pero cada vez que lo actualizo debo hacerlo manualmente y editar el scrip abriendolo.

      Se me ocurrio que puedo asignarle valores con los botones Radio y tengo una idea de como hacerlo, vi por ahi un ejemplo donde lo usan para cambiar el color de fondo de la pagina y demas cosas, pero creo que las variables sólo son sobre escritas temporalmente, ya que si recargo la pagina no se almacena.

      Mi duda es si puedo crear una forma de almacenarla para blogger, o recurriendo a otros servicios externos a modo que pueda usarlos en la plantilla.

      Espero que me orientes hacia donde debo investgarle.

      Eliminar
    6. El que sirve para cambiar el color de fondo no te servirá, esos lo que hacen es que al presionarlos ejecuta un javascript básico:
      onclick="javascript:document.body.style.backgroundColor='#ff0000';

      Pero eso no contiene variables, ni mucho menos datos de Blogger, ahí creo que se complica más la cosa porque en Blogger se usan loops y no veo la forma de que puedas extraer los datos de ahí.

      Eliminar
    7. Pues por eso pensaba en eso, al usar ese atributo de onclic, podría ejecutar un script para reescribir una variable de java como le hice en el post de arriba, la diferencia es que la variable ahi se reescribe en base a la plantilla y donde estemos navegando, con ayuda de las condicionales.

      Pero para lo que comento no tengo ni idea, lo que pensé es que no se puede, por eso te rpeguntaba si puedo hacerlo de alguna manera, con ayuda de algo externo con php o no se XD, el script que tengo para el gadget, es simple, como dije un switch, para poder modificar lo que se muestra graficamente.

      Bueno investigaré a ver si hayo algo, gracias Potro.

      Saludos y continua con el gran trabajo que haces.

      Eliminar
    8. No se me ocurre que pueda hacerse, según yo no se puede, pero igual no está de más que investigues un poco, sólo por si acaso sí se pudiera, de todas formas seguirás aprendiendo :)

      Eliminar
    9. Gracias por contestar Potro, pues nunca se sabe, igual y no se puede o para lograrlo requiera algo mas que solo lo que dispongo, eso es mas probable pienso yo.

      Cualquier cosa te aviso XD

      Eliminar
  82. Hola potro, no sé que pasa pero por ejemplo cuando cambio el nombre de la cabecera 6, las primeras cinco se cambian automaticamente. Qué podrá pasar, gracias y mi página es FrasesdeCanciones.net

    ResponderEliminar
    Respuestas
    1. Hola Truco95, el nombre de la cabecera siempre debe ser el mismo para todas pues ese es el nombre del blog así que no puede un blog tener multiples nombres.

      Eliminar
    2. No te entiendo :( si el nombre siempre debe ser el mismo como hago para mostrar una cabecera diferente en las etiquetas? si cada vez que pongo el nombre de una, todas las demás se cambian a ese nombre. Gracias

      Eliminar
    3. Es que el nombre no se debe cambiar, lo que debes hacer es subir una imagen distinta a cada cabecera, pero el nombre se debe conservar.

      Eliminar
  83. Respuestas
    1. ¿A qué te refieres con que no te sale como gadget?

      Eliminar
  84. POTRO una consulta, quise adaptar tu código de cabecera al titulo para compartir queria que cambie por tipo de etiqueta, en mi caso son tres VÍDEOS ARTÍCULOS IMÁGENES .. quiero que varie esto
    <meta expr:content=' data:blog.pageName + &quot; (VER VIDEO)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (VER IMAGEN)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (LEER ARTICULO)&quot;' property='og:title'/>

    esto es el código que uso ahora

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content=' data:blog.pageName + &quot; (VER)&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta content='&#8592; Clic en la imagen para ver completo' property='og:description'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:description'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='FBGUSTOS - UN MUNDO PARA POSTEAR' property='og:title'/>
    <meta content='blog' property='og:type'/>
    </b:if>

    <meta expr:content='data:blog.url' property='og:url'/>
    <meta content='FBGUSTOS' property='og:site_name'/>
    Por favor enséñame como adecuarlo ya lo intente de todas formas pero siento que en algo estoy fallando

    ResponderEliminar
  85. POTRO una consulta, quise adaptar tu código de cabecera al titulo para compartir queria que cambie por tipo de etiqueta, en mi caso son tres VÍDEOS ARTÍCULOS IMÁGENES .. quiero que varie esto
    <meta expr:content=' data:blog.pageName + &quot; (VER VIDEO)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (VER IMAGEN)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (LEER ARTICULO)&quot;' property='og:title'/>

    esto es el código que uso ahora

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content=' data:blog.pageName + &quot; (VER)&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta content='&#8592; Clic en la imagen para ver completo' property='og:description'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:description'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='FBGUSTOS - UN MUNDO PARA POSTEAR' property='og:title'/>
    <meta content='blog' property='og:type'/>
    </b:if>

    <meta expr:content='data:blog.url' property='og:url'/>
    <meta content='FBGUSTOS' property='og:site_name'/>
    Por favor enséñame como adecuarlo ya lo intente de todas formas pero siento que en algo estoy fallando

    ResponderEliminar
  86. POTRO una consulta, quise adaptar tu código de cabecera al titulo para compartir queria que cambie por tipo de etiqueta, en mi caso son tres VÍDEOS ARTÍCULOS IMÁGENES .. quiero que varie esto
    <meta expr:content=' data:blog.pageName + &quot; (VER VIDEO)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (VER IMAGEN)&quot;' property='og:title'/>
    <meta expr:content=' data:blog.pageName + &quot; (LEER ARTICULO)&quot;' property='og:title'/>

    esto es el código que uso ahora

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content=' data:blog.pageName + &quot; (VER)&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta content='&#8592; Clic en la imagen para ver completo' property='og:description'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:description'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='FBGUSTOS - UN MUNDO PARA POSTEAR' property='og:title'/>
    <meta content='blog' property='og:type'/>
    </b:if>

    <meta expr:content='data:blog.url' property='og:url'/>
    <meta content='FBGUSTOS' property='og:site_name'/>
    Por favor enséñame como adecuarlo ya lo intente de todas formas pero siento que en algo estoy fallando

    ResponderEliminar
    Respuestas
    1. Pero ¿quieres que cada etiqueta tenga un título distinto? Porque si es así entonces sólo basta con encerrar cada meta en una condicional:
      <b:if cond='data:blog.url == &quot;URL de la etiqueta VIDEOS&quot;'>
      <meta expr:content=' data:blog.pageName + &quot; (VER VIDEO)&quot;' property='og:title'/>
      </b:if>

      Eliminar
  87. Me gusto mucho pero lo aplique en mi blog y simplemente no aparecen las cabeceras ni la principal ni las demás. Muchas gracias

    ResponderEliminar
    Respuestas
    1. Revisa que la etiqueta no tenga la extensión del país:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

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

    ResponderEliminar
    Respuestas
    1. Hola Daniel, si has seguido los pasos de la entrada tal cual como se explica debe funcionar, sólo toma en cuenta que cuando se usan condicionales no debes poner en la URL la extensión del país:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

      Eliminar
    2. Por cierto, he tenido que eliminar el comentario por el aviso que está al final de la página.
      Saludos.

      Eliminar
  89. Hola, ¿se puede hacer lo mismo pero, en vez de que cambie en las etiquetas, que cambie en las páginas?

    Gracias y un saludo.

    ResponderEliminar
    Respuestas
    1. Si se puede, solo coloca la direccion en el lugar de las etiquetas, y listo.

      Eliminar
    2. Exactamente, en lugar de la URL de la etiqueta pon la URL de la página a la que le quieres cambiar la cabecera.

      Eliminar
  90. Hola Potro, como te preguntaban en el comentario 9 que respondiste, quiero poner un header para cada una de las pestañas del blog, distinto al header principal del blog. Ví la respuesta pero no creo que valga ya que serían diferentes dibujos q aparecerían.

    Es decir, que cada vez que se va a una pestaña, esta se abra con un dibujo diferente (fijo) al de otra.

    Se podría hacer?

    ResponderEliminar
    Respuestas
    1. Si las pestañas enlazan a las etiquetas entonces tienes que seguir exactamente los mismos pasos que se indican en la entrada, si enlazan a alguna página es lo mismo, sólo que en lugar de poner la URL de la etiqueta pondrías la URL de la página.

      Eliminar
    2. Ahá, así lo he probado en http://mispadresprimerizos.blogspot.com.es/
      pero no funciona... puse en los códigos los dibujos pero no se ven. Pincho en una pestaña y abre esa pagina pero con la cabecera principal

      Eliminar
    3. Podría ser que en las condicionales estés poniendo la URL con la extensión del país:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

      Eliminar
    4. Exacto Potro, era eso, ya me aparecen los dibujos.

      Gracias

      Eliminar
  91. Hola, bueno aqui te explico mi problema como me dijiste por twitter,
    mi blog: http://gurusource.blogspot.com.es/
    el problema se ve a simple vista; he leído un par de entradas mas arriba de que si tengo las paginas estáticas entran en conflicto si hago el procedimiento de este tuto, entonces que deveria hacer para que se viera cada imagen en su lugar y se ocultaran todas las demas

    ResponderEliminar
    Respuestas
    1. Hola Alvaro, si has seguido los pasos exactamente como se indican no debería haber problema, a menos que la URL que hayas puesto tenga la extensión del país, si es así elimínala:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

      Saludos.

      Eliminar
    2. pero tengo otra pregunta, esto queda bien en formato web, pero para el movil ¿? que tendria que hacer los mismos pasos pero en la parte que pone mobil en edicion html o como ?

      Eliminar
    3. En el móvil también debe aplicar, en caso de que no entonces esconde una de las cabeceras en la versión móvil:
      http://ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html

      Eliminar
  92. cierto gracias, para la siguientes posibles soluciones:

    quitar el ".es" de la url.

    salu2

    ResponderEliminar
  93. Hola El potro , no se si ya te lo habrá preguntado alguien , si es así disculpa la molestia.Yo tengo un menú desplegable en vez de etiquetas , ¿como podria aplicar las distintas cabeceras en el menú desplegable?Gracias amigo.

    ResponderEliminar
    Respuestas
    1. o.0 ahora si no le entendi, a ver si le capte.
      Segun veo en tu blog, tienes un menú desplegable en al aprte de arriba, donde dice videos y fotos y mas cosas.
      Bueno para poder usar esto lo unico que tienes que hacer es en vez de poner en la condicional la dirección de la etiqueta, pones la direccion de la pagina estatica o del enlace a cada uno de los links del menú desplegable.

      Eliminar
    2. Si en tu menú has enlazado las etiquetas del blog entonces es de la misma forma. Si son entradas o páginas será más complicado.

      Eliminar
    3. Desde el menú desplegable tengo enlaces a paginas del Blog y me gustaria que cada pagina pudiera ir con su imagen , ¿hay alguna forma?.Un saludo.

      Eliminar
    4. Es de la misma forma como se explica en el post, sólo que en lugar de poner la URL de la etiqueta pondrías la URL de la página que quieres.

      Eliminar
    5. Hola Potro , mira hago todo paso por paso y se me ponen las cabeceras que quiero , pero cuando lo voy a condicionar y pego las URL no me hace nada.tengo puesto tambien una cabecera diferente en las entradas y esa funciona perfectamente.¿puede ser que al estar ya la plantilla condicionada para las entradas sea por eso que no funcionan en las paginas?Espero tu respuesta ,un saludo.

      Eliminar
    6. Hasta donde recuerdo no puedes tener ambas de esa manera pues son como una contradicción en códigos, de cualquier manera asegúrate que la URL que pongas no contenga la extensión del país, de lo contrario la condicional no funcionará.

      Eliminar
  94. Hola Potro, al leer tu entrada he visto q no lo puedo aplicar ya que en los codigos pide URL de etiquetas o páginas y yo tengo un menú con 9 pestañas y subpestañas que van haciendose en mayor numero según va creciendo el nº de entradas.

    Quiero dejar una misma imágen para la cabecera principal (inicio) y que salgan aleatoriamente 8 imágenes cada vez que se pincha sobre una subpestaña.

    Comencé a hacerlo y solucioné que la imágen de inicio sólo se vea ahí pero la segunda parte (es decir, q se vean imágenes aleatorias segun se van pinchando en las subpestañas) no encuentro cómo solucionarlo.

    Me puedes echar una mano? http://mispadressonprimerizos.blogspot.com.es/

    Salu2

    ResponderEliminar
    Respuestas
    1. Hola Gustavo, este método es únicamente para las Etiquetas, otras dos opciones son estas:
      http://ciudadblogger.com/2011/08/mostrar-una-cabecera-diferente-en-las_03.html
      http://ciudadblogger.com/2009/07/cabecera-del-blog-cambiante-al-azar.html

      Eliminar
    2. Ya he intentado aplicar la técnica q muestras en el primer enlace. Lo q pasa es q no logro q funcione ya q se trata de más de dos cabeceras diferentes y no logro dar con los códigos apropiados.
      Intenté poner los mismos códigos para Header3, Header4... y funciona pero salen los Header (excepto Header1) todos juntos. No encuentro la condición para q salgan aleatoriamente.
      Me puedes explicar?

      Salu2 y aprovecho para felicitarte las fiestas.

      Eliminar
    3. Aleatoriamente con estos métodos no lo sé, sólo conozco el que te mencionaba antes.
      Si quieres tener cabeceras distintas en URLs distintas entonces sigue el mismo método de esta entrada, sólo cambia las URLs de las etiquetas por las URLs que quieras, quizá haya que modificar también la condicional de la primer cabecera, pero primero prueba con eso.

      Eliminar
    4. Felices fiestas para ti también!

      Eliminar
    5. Mira Potro aquí...http://mispadresprimerizos.blogspot.com.es/..
      probé tus códigos y puse las URLs de las etiquetas. El resultado es que siempre se ve la cabecera principal y las otras dos no se ven.

      En q he podido fallar?

      Salu2

      Eliminar
    6. Mira en este blog http://mispadresprimerizos.blogspot.com.es/ he puesto las URLs de las etquetas, pero tampoco funciona

      Eliminar
    7. Asegúrate que la URL de la etiqueta no tenga la extensión del dominio:
      http://ciudadblogger.com/2012/05/las-condicionales-de-blogger-y-las.html

      Eliminar
  95. No es eso ya q está puesto sin la extension del pais.

    ResponderEliminar
    Respuestas
    1. ¿Cuál es la URL exacta que has puesto?

      Eliminar
    2. http://mispadresprimerizos.blogspot.com/search/label/dibujos

      http://mispadresprimerizos.blogspot.com/search/label/consejos

      Eliminar
    3. Yo lo veo funcionando bien, son cabeceras distintas para cada una de esas etiquetas además de la portada.

      Eliminar
  96. Hola Potro. NO hay manera que me salga . Lo he borrado todo y vuelvo a empezar de nuevo con ello. Tengo que conseguirlo!!

    Vamos a ver..una duda. ¿Cual es la URL de la etiqueta? es decir...como la consigo?¿ Qué pasa si la etiqueta tiene acentos?

    ResponderEliminar
    Respuestas
    1. Hola Xavi, haz click en la etiqueta y copia la URL que aparezca en la barra de direcciones, esa es la forma más práctica.

      Eliminar
  97. Hola Potro! Ante todo muchas gracias por la invalorable ayuda que prestas a todos tus lectores y seguidores....Quiero comentarte que estoy armando un blog de prueba y quise utilizar éste post que me viene muy bien por las características del mismo y desde el vamos se me presentó una complicación....Al copiar la línea que nos indicas, que dicho sea de paso en mi plantilla figura así: , me sale éste error al intentar guardar: Error al analizar XML, línea 829, columna 3: The element type "b:widget" must be terminated by the matching end-tag ""..... Como verás entiendo poco del tema, si puedes ayudarme a solucionarlo te estaré inmensamente agradecida.... Un afectuoso saludo!! Evi.....

    ResponderEliminar
    Respuestas
    1. Hola, según ese mensaje algún código estás dejando incompleto, ya sea que has eliminado algo de más sin darte cuenta o que te está faltando una parte del código.

      Eliminar
  98. Hola Potro! Ayer te envié un mensaje que aún no habilitaste donde te pedía ayuda. Quiero decirte que lo solucioné cambiando de navegador, tal vez haya sido un problema de cookies.... Solucionado éste punto necesito, por favor, que me ayudes en ésto ya que si bien pude hacer todos los pasos sin inconvenientes las cabeceras no se ven. Si lo deseas podrás verlo aquí.. http://pruebo1979.blogspot.com.ar/ (La extensión del país no la he puesto en la URL) Desde ya te agradezco la ayuda que puedas brindarme....Saludos! Evi

    ResponderEliminar
    Respuestas
    1. Debe haber un error en los códigos, revisa que esté exactamente igual que como se indica y que la URL de la etiqueta sea correcta respetando mayúsculas, minúsculas, etc.

      Eliminar
  99. Ya funciona!!!! Mil gracias por tu ayuda Potro, como copié y pegué no hubiera controlado si no me lo hubieras advertido!!!! Volví a pegar las url respetando incluso los espacios y funcionó!!!.....Saludos cordiales! Evi

    ResponderEliminar
  100. Voy a llorar TOT... Potro help me please!! XD

    Reabrí mi blog (en realidad volví más bien a blogger hace unos días, ya había tenido blogs, así que no es como que sea una bruta con el Html, soy de quienes aprenden estropeandolo todo =w=, pero este blog es nuevo), y decidí poner esto de las distintas cabeceras. Acomodé todo tal cual explica en el post (y releí varias veces por si había hecho mal TOT) y me sucede lo siguiente.... Una vez puestos todos los códigos y cambiado todo lo explicado (header 1,2,3 y lo de las URL 1,2,3, cada cual en su código), fui a la página de diseño (elementos blabla) y me permite editar tan sólo la cabecera principal y la número 2 (tengo nada más tres cabeceras, dos con etiquetas), la tercera aparece ahí toda bonita >_> pero me saca la lengua cuando le doy a editar, NO SE ABRE!!! ;O;... intenté tb quitando el código antes de "/head"(ese que oculta las demás) y modificar las otras dos para luego insertarlo nuevamente, pero la cabecera número 3 me volvió a sacar la lengua TOT y no me dejó editarla... >_> y honestamente no me hizo ni periquita gracia porque ya había hecho las cabeceras adicionales.

    Me ayudas por favor? T_T

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?