Cabecera del blog cambiante (al azar)

31 de julio de 2009 450 comentarios ,
Con unos pocos pasos podemos hacer que la cabecera del blog (header) tenga una imagen distinta cada vez que alguien entra a la página. En este caso la cabecera tendrá cinco imágenes distintas para poder mostrar cada vez que alguien entra al blog.

Primero necesitas tener las imágenes que vas a utilizar para el header, todas deben tener el mismo tamaño (ancho y alto) y deben estar alojadas en algún servicio de alojamiento. Si no sabes cuál es la medida de la cabecera de tu blog entra a Plantilla | Edición de HTML y busca esto (ojo, este código es de ejemplo, no todas las plantillas son iguales por lo que puede ser diferente en todos los casos):
#header-wrapper {
width:660px;

En este caso el ancho de la cabecera es de 660px, si tuviera una altura predeterminada dira también height, sino puedes usar la altura que quieras.

Ya teniendo las imágenes entra a Plantilla | Edición de HTML y busca esta parte:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nombre del Blog (cabecera)' type='Header'/>
</b:section>

Ahora cambia el 'no' que está en negrita por 'yes' y elimina lo que está el color rojo. Luego guarda los cambios, te avisará que se suprimirá un artilugio, dale aceptar.

A continuación entra a Diseño y verás que la cabecera ha desaparecido, en su lugar aparece un recuadro que dice Añadir un gadget, da click ahí y selecciona HTML/Javascript. Ahí pega lo siguiente:
<script>
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
var randHdr = randRange(1,5);
if (randHdr == 1) {
document.write('<img src="URL DE LA IMAGEN 1">')
} else if (randHdr == 2) {
document.write('<img src="URL DE LA IMAGEN 2">')
} else if (randHdr == 3) {
document.write('<img src="URL DE LA IMAGEN 3">')
} else if (randHdr == 4) {
document.write('<img src="URL DE LA IMAGEN 4">')
} else if (randHdr == 5) {
document.write('<img src="URL DE LA IMAGEN 5">')
}
</script>

Ya sólo cambia lo que está en rojo por la URL de la imagen y listo. Puedes ver un ejemplo funcionando en este blog de pruebas, al entrar verás una cabecera, presiona F5 para que se recargue la página y verás otra distinta.

Si quisieras agregar o quitar imagenes de la cabecera sólo quita o agrega (según sea el caso) esta línea del código del script:

else if (randHdr == 6) {
document.write('<img src="URL DE LA IMAGEN 6">')
}


Si agregas más fíjate que la línea que agregas tenga un número consecutivo, en este caso el 6
De igual modo si agregas o quitas imágenes cambia esta parte del script:
randRange(1,6)

Donde está el 6 es el número de imágenes que se mostrarán.


450 comentarios en:

" Cabecera del blog cambiante (al azar) "

  1. Wow.. interesante bro!! especiál para esos indecisos como yo que nunca se deciden por una o por otra. Con esto no hay problema, puedes poner todas. jajajajaja.

    Un abrazo!!!

    ResponderEliminar
  2. Ummm, interesante percepción, sólo lo había pensado para "dar un toque de dinamismo al blog", pero tienes razón, esto puede satisfacer a los indecisos, jaja.

    Un abrazo.

    ResponderEliminar
  3. Muy bueno
    si lo habia visto pero ni sabia como se cambiaba solo ajajaj


    saludos

    ResponderEliminar
  4. Saludos. Está excelente este post y en general todo el blog. Gracias por la ayuda.

    ResponderEliminar
  5. Hola Hyunckelt,

    Gracias a ti por tus comentarios.
    Saludos.

    ResponderEliminar
  6. Enhorabuena por tu blog, si quieres puedes apuntarte al directorio web/blog www.cincolinks.com podrás promocionar tu web, con tu ficha y tus votaciones y valoraciones, con un método de intercambio de visitas llamado 5links! con el que tu blog será visitado tanto como visites a los demás y que harán que tu blog se de a conocer por toda la red. Pásate ;)

    Creo que no hay muchos blogs de las características y temática del tuyo en este directorio, me gustaría mucho que participaras.


    Saludos, espero verte por www.cincolinks.com.

    ResponderEliminar
  7. potro hice esto en un blog que no era mio y no me salio..pero guarde todo el archvo HTML de tal blog ya que lo borre todo y pegue el el archivo HTMl k habia guardado ahora cuando me voy a elementos de la pagina me sale error sabes k hacer?
    por favoy dime :C

    ResponderEliminar
  8. Hola HP muggle,

    Si hiciste el respaldo de la plantilla en formato XML, sólo debes entrar a Diseño > Edición de HTML y das click en Carga una plantilla desde un archivo de tu disco duro guardas los cambios y listo.

    Saludos.

    ResponderEliminar
  9. Hola Krlos Reyna, ojalá te sea útil.
    Saludos.

    ResponderEliminar
  10. Gracias alguna vez lo probare a ver que tal

    ResponderEliminar
  11. Hola Antonio, seguro te quedará muy bien. Saludos!

    ResponderEliminar
  12. Hola potro lo hice y salio bien perola pregunta es como hago para que salga el titulo del blog, por que al agregar el gadget se quita el titulo y solo aparece al imagen

    ResponderEliminar
  13. Hola cargohe,

    No se puede ya que lo que hace este hack es eliminar la cabecera y es ahí donde aparecen los comandos para el título y la descripción.

    Saludos.

    ResponderEliminar
  14. ha ya bueno, otra cosita no se puede que la imagen tenga la url del blog, osea que se le pueda dar clic y al hacer clic nos lleva a la pagina principal. Así como lo tienes tu.

    ResponderEliminar
  15. Encierra el código de esta forma:

    <a href="URL del enlace">

    .....
    .....
    .....
    .....

    </a>

    ResponderEliminar
  16. efectivamente así es Gracias amigo.
    Salu2 desde Colombia.

    ResponderEliminar
  17. Hola el Potro, soy yo de nuevo! queriendo hacer banners aleatorios.. esto todavia no lo he probado pero sabrias como ponerle un link unico a cada imagen? saludos!

    ResponderEliminar
  18. Me temo que no es posible ponerle un enlace único a cada imagen.
    Saludos.

    ResponderEliminar
  19. Muchisimas gracias, me fue muy util. La verdad que te debo mucho :)

    ResponderEliminar
  20. Por nada Diragon, me da gusto saber que te ha sido de ayuda este blog.
    Saludos!

    ResponderEliminar
  21. perro esta muy bueno pero quiero saber como puedo hacer para poner la imagen mas al medio

    ResponderEliminar
  22. Hola hojalataa,

    Encierra el código entre <center> y </center>
    Saludos.

    ResponderEliminar
  23. lo intento pero no me le la direccion de picasa poruqe podria ser?
    gracias

    ResponderEliminar
  24. Hola Urko,

    Para conseguir la URL de la imagen en Picasa haz lo siguiente:
    -Sube la foto.
    -Cuando termine de subir haz click sobre la foto para verla.
    -Con el botón derecho del mouse haz click y selecciona Copiar la ruta de la imagen.

    Esa será la URL de la imagen que podrás utilizar.
    Saludos.

    ResponderEliminar
  25. muchas gracias ahora lo intentare y nada si andas de vacaciones a disfutar eh

    ResponderEliminar
  26. ei de puta madre pero no se porque motivo me deja komo un margen ala derecha independiente del tamaño del blogg.beno majo ya me contaras si sabes
    benga gracias

    ResponderEliminar
  27. Hola Urko,

    Puedes encerrar el código del script entre <center> y </center> para que quede centrada la cabecera.

    Saludos.

    ResponderEliminar
  28. muchas garcias lo intentare
    gracias

    ResponderEliminar
  29. Muy bueno che gracias :D
    me sirvio para mi blog de naruto ^^

    ResponderEliminar
  30. Qué gusto que te ha sido útil ;)

    ResponderEliminar
  31. Hola!!! he seguido algunos de los consejos de este blog, enhorabuena por el trabajo.

    Tengo una pregunta, he puesto distintas cabeceras en el blog, pero no me salen centradas, como puedo hacer que salgan en el centro?? Gracias de antemano.

    ResponderEliminar
  32. vale, he visto que ya han preguntado esto antes, gracias por todo!

    ResponderEliminar
  33. Sigo teniendo un problema (que pesada soy) no entiendo por qué pero se ve la imagen de la antigua cabecera por debajo de las nuevas (las nuevas están centradas y la antigua no)

    ResponderEliminar
  34. Hola Rukia,

    Eso es porque tienes una imagen de fondo en el área de la cabecera.

    #header {
    width: 900px;
    margin: 0;
    height: 317px;
    float: center;
    position: relative;
    background: url(http://i80.photobucket.com/albums/j165/Vanisar/cabecera3.jpg) no-repeat;
    }


    Esa URL es la imagen de fondo que tienes, puedes eliminarla ya que las cabeceras al azar taparán esa área.

    Saludos.

    ResponderEliminar
  35. gracias por tomarte la molestia tan pronto, gracias a ti ya he solucionado el problema ^^

    ResponderEliminar
  36. Por nada Rukia, un placer ayudarte.
    Saludos.

    ResponderEliminar
  37. Hola Potro, tengo una nueva cuestión. He cambiado la plantilla del blog, y también las cabeceras. He puesto imágenes del mismo tamaño que ésta (width:885px;
    height:172px), pero no se por qué motivo me salen más pequeñas. ¿Sabes a qué puede deberse?

    ResponderEliminar
  38. Es una situación similar con la anterior, tienes una imagen de fondo en esa área.

    Saludos.

    ResponderEliminar
  39. Gracias por tu atención Potro, he eliminado la url, pero sigue apareciendo igual. De todas formas gracias por tu atención y perdona las molestias. Por cierto ¡tu blog mejora aún más con cada entrada, felicidades!

    ResponderEliminar
  40. Debe ser algún atributo que no deja la imagen al tamaño real.
    Gracias por tus comentarios ;)

    ResponderEliminar
  41. Es justo lo que buscaba ¡Muchísimas gracias!

    A ver si sale... jajaj

    ¡Salu2!

    ResponderEliminar
  42. Qué bueno que has encontrado la información que buscabas.
    Saludos.

    ResponderEliminar
  43. Amo este BLog, tiene herramientas grandiosas, sobre todo esta que no creí que se pudiera usar en BLogger... Gracias por todo !!!!!:....

    ResponderEliminar
  44. Gracias a ti por tu visita, me da gusto que puedas encontrar información útil :)

    ResponderEliminar
  45. Muchas gracias potro por este dato ya que estoy cambiando mi template ya era hora de cambiar mi cabecera.

    ResponderEliminar
  46. Perfecto, seguro le dará más dinamismo :)

    ResponderEliminar
  47. Hola, me gustaría saber cómo hago para aumentar la velocidad del cambio de las imágenes.

    Gracias.

    ResponderEliminar
  48. Hola Congregación de Hermanos Cristianos,

    Las imágenes no cambian continuamente, sólo cambia cada vez que la página se recarga o se entra al blog, en ese lapso que se está dentro del blog la imagen no cambia.

    Saludos.

    ResponderEliminar
  49. Gracias x el truco! funciona perfectamente ^^

    ResponderEliminar
  50. no me funciono mmm mire mi blog es animeytvco."""""""".com

    ResponderEliminar
  51. No veo que tengas los cambios en el blog.

    ResponderEliminar
  52. esque ya hize eso con expandir artiluagios y no esta esto



    esta parte esta separada de lo demas

    y esto si lo borre



    pero no funciono y eso q tube q hacer las imagenes por q no habian de ese tamaño de mi blog y ahora q hago?

    ResponderEliminar
  53. En la explicación se aclara que NO se debe expandir los artilugios, debes hacerlo SIN marcar esa casilla.

    No busques la línea en color rojo exactamente como está, pues en el ejemplo dice "Nombre del blog".
    Sólo busca esta parte para encontrarla:

    b:widget id='Header1' locked='true' title=

    Saludos.

    ResponderEliminar
  54. Hola Potro,

    De nuevo yo. Hermano me puse a inventar algo y bueno como no hacemos caso "no guarde la plantilla" y mira lo que me paso en: http://cuidadoynutricionparalapiel.blogspot.com/. Se subio todo el contenido como en varias lineas. Me ayudas con esto por favor??? Prometo guarda la plantilla para mi bienestar mental y fisico jejeje

    Gracias chamo y disculpa tanta lata!!!

    ResponderEliminar
  55. Hola Potro,

    Voy aprovechar de preguntar todo de una vez. Cuando entres al blog fijate la imgen de la chica que esta alli. ¿Como se las dimensiones de esa imagen, para cambiarla por otra? y puedo aplicar lo que explicas aqui en este pots pero solo para esa imagen, es decir, que las imagenes que roten sean solo de ese tamaño y en ese preciso lugar, como para no perder el Titulo y que se siga viendo el titulo y la futura descripcion???

    Gracias Gracia Gracias

    ResponderEliminar
  56. Hola Giancarlo,

    ¿Exactamente qué quitaste o modificaste antes de que se subiera en contenido del blog?

    Si te refieres a la chica que está en la cabecera creo que es toda la imagen de toda la cabecera completa, de ser así el ancho es de 973px y el alto de 250px.

    Saludos.

    ResponderEliminar
  57. Holaa, ise todo al pie de la letra pero no me cambia la imagen de la cabezera... nose que puede ser men las 2 imagenes que puse son de la misma medida...
    http://www.carlitocomparte.blogspot.com/

    Saludos

    ResponderEliminar
  58. Hola Potro,

    Gracias por contestar. No quite nada, solo coloque una cosa y luego le di a control z. Pero al parecer ya se arreglo solo, que Locura!!!

    Segun lo que entiendo de lo que me dices con respecto a la imagen, no puedo cambiar solo la Chica correcto??? tendria que cambiar toda la imagen???. Ahora bien yo tengo 3 imagenes que quiero poner a ver como queda, uso estos pasos que das aqui (aplican para mi blog). Como puedo poner la imagenes a ese tamboño Potro. No se usar ningun programa de diseño???

    Gracias nuevamente y por favor si puedes ver si solo podemos cambiar la imagen de la chica seria fantastico.

    Saludos!!!

    ResponderEliminar
  59. Hola MCarlitooH2,

    Por alguna extraña razón la segunda imagen que tienes no funciona con el script.
    He puesto el mismo código que tienes usando la primera imagen que tienes, y como segunda imagen, una mía y funcionó.
    Intenta con otra imagen, y si puedes agrega una tercera imagen, pues cuando son sólo dos imágenes el azar no siempre es uno y uno, así que puede mostrar muchas veces la misma imagen.

    Saludos.

    ResponderEliminar
  60. Hola Giancarlo,

    Es necesario que tengas un programa de diseño para poder editarlas, de lo contrario las que estén muy grandes se cortarán y las que estén muy chicas no ocuparán todo el espacio, por lo que el resultado no se verá nada bien.

    Hay algunos editores de imágenes online que quizá te puedan servir, este es uno de ellos:
    http://www.pixlr.com/editor/

    Pero...revisando tu plantilla este truco no va a funcionar, pues la imagen que tú ves como tu cabecera no es propiamente la cabecera, sino una imagen de fondo de una parte de la plantilla.
    Esta es la imagen:
    http://4.bp.blogspot.com/_t47uhxwKFVM/SkWnbzS1hNI/AAAAAAAAAQ8/a5P03KSUiFg/s1600/outer-top.png

    En sí tu cabecera sólo es un área pequeña que no cubre toda esa imagen, así que podrás cambiar la imagen que tienes actualmente, pero no aplicar la cabecera cambiante :(

    ResponderEliminar
  61. Muchas gracias men, ise 5 cabeceraz y la deje la puse y ahora me funciona muy bien, tube que quitar el efecto push en las imagenes, porque se veia mal al pasarla sobre la cabecera, Saludos men pasate y vee como me quedo, Saludos

    http://www.carlitocomparte.blogspot.com/

    ResponderEliminar
  62. Perfecto, ya lo veo funcionando muy bien ;)

    ResponderEliminar
  63. Hola Potro,

    Ok entiendo lo que me dices, que lastima que no puedo aplicar el Truco!!! :(.


    Ahora bien ¿puedo modificar la imagen de la chica nada más? o ¿al cambiar la imagen seria completo?

    También entonces pregunto: Como sustituyo la imagen de la cabecera (sea cual sea la respuesta que me des arriba), busco la dirección que me diste en la plantilla y la sustituyo por la dirección donde tenga alojada mi nueva imagen para cabecera???

    Y que tamaño le pongo a la nueva imagen...

    Gracias Hermano

    ResponderEliminar
  64. Exacto, sólo es sustituir la que URL que tienes por la de la nueva imagen.
    El tamaño de la imagen es de 1024px de ancho por 395px de alto.
    La chica es parte de la imagen, así que si lo que quieres es modificar sólo a la chica edita esa imagen, sobreponle otra imagen donde está la chica y la guardas.

    Saludos.

    ResponderEliminar
  65. Hola Potro,

    Ya hice lo que me dijiste y si se cambia la imagen pero al hacerlo fijate en el blog que los 4 cuadritos que estan a la derecha en la parte superior ya no estan colocados de dos en dos, si no todos hacia abajo. La imagen mide lo mismo que me idincaste, tiene las misma medidas y solo copie y pegue el codigo no hice mas nada.

    Gracias hermano por lo del Menu. Lo logramosssss!!!!!

    ResponderEliminar
  66. Las medidas las puse al azar, tú adáptalas hasta que se ajuste al tamaño que quieres.
    Los cuadritos que dices no los vi :(

    ResponderEliminar
  67. Perdón, no hagas caso al comentario anterior, creí que estaba en la entrada de la imagen arriba de los comentarios :P

    Regresando al tema original, veo que ya cambiaste la imagen de fondo, las medidas están bien, ya no está encimada la parte de abajo con la cabecera y incluso ya veo el menú que tantos problemas estaba dando, pero no veo los cuadritos que mencionas.

    Cualquier cosa me comentas.
    ¡Saludos!

    ResponderEliminar
  68. Hola Potro Feliz día,

    Olvida lo de los cuadritos ya esta todo listo y marchando. Si no me equivoco creo que hemos cerrado todos los temas o cangrejos que teniamos. Ya esta todo funcionando. Muchas Gracias por la ayuda, cuando arranque con adsense con los blogs te escribo. Por los momentos voy a escribir las entradas de este nuevo blog.

    Gracias Potro y Feliz Domingo!!!

    ResponderEliminar
  69. Perfecto, qué bueno que ya está todo funcionando.
    Saludos y suerte en el blog.

    ResponderEliminar
  70. Potro hola de nuevo,

    Te escribo para hablar de los cuadros a la derecha, estos cuadros son los que dicen: spa, herbalife, informacion de pedidos y distribuidores independiente... son los cuadritos con las fotos. Bueno te pregunto en tu computadora se ven bien alineados es decir dos arriba y dos abajo???.

    Por que cuando le doy a mi maquina ctrl + o - para agrandar o bajar el tamaño de la pagina se descuadran.

    Una ultima pregunta: en que parte de tu blog esta algo relacionado con las entradas en la portada del blog para poner los numeros al final 12345 como para que la gente vea por paginas las entradas, es decir, entradas antiguas...

    Y por ultimo haz publicado algo sobre la funcion que tiene blogger sobre editar paginas creo que es nueva.

    Gracias Potro un abrazo!!!

    ResponderEliminar
  71. Los banners se ven bien, al menos yo sí los veo bien, es normal que en muchas plantillas se descuadren las cosas si se usan esos comandos del teclado, por suerte prácticamente nadie los usa.

    Acerca de la paginación que comentas, yo no tengo alguna entrada sobre ello pues la mayoría de los métodos no funcionan del todo bien en muchas plantillas.

    De las páginas estáticas tengo unas entradas sobre cómo eliminar la sidebar cuando se está en ellas, cómo decorar el gadget y cambiar los colores de la páginas. En el buscador los encontrarás.

    ¡Un abrazo!

    ResponderEliminar
  72. Hola Potro,

    Ok gracias por la info. En el casode mi blog http://www.variostemasenlaweb.blogspot.com

    si te das cuenta al final en la paginal principal, las personas no pueden ver las entradas antiguas por que la paginación no esta, es decir, no hay nada que pueda dar la opción a las personas para que vean las otras entradas. Por ejemplo entu blog tienes algo que dice "anterior" ¿Qué puedo hacer con este caso? Pero antes que me contestes sobre alguna solución fijate en el siguiente detalle que creo tiene algo que ver: cuando entres ahora a la pagina principal del blog la primera entrada que esta en una que dice "trafico para tu web..." justo un poco mas a la derecha de los simbolos para compartir en facebook y twiteer (exactamente donde termina el borde) va a ver unas letras (casi ni se ve) resulta ser que cuando le das clik ahi, te muestra las entradas anteriores. No tengo idea como eso llego alli y por que esta escondido... jejeje yo siempre con mis cangrejos locos!!!

    A ver que nos resulta.

    Gracias Potro y un abrazo!!!

    ResponderEliminar
  73. Es un problema que se sucitó de repente en casi todos los blogs hace como un mes, para solucionarlo haz esto.
    Busca esta línea y agrega lo que está en negrita:

    #blog-pager {
    text-align: center;
    clear:both;
    }

    Saludos.

    ResponderEliminar
  74. Hola Potro,

    Listo Gracias!!! Funcionando Perfectamente.

    Saludos!!!

    ResponderEliminar
  75. Hola Potro!

    Después de tanto tiempo, sigo teniendo el mismo problema, las imágenes de la cabecera me aparecen más pequeñas, pero es que además tengo el mismo problema en varios blogs (los dos de este perfil y otro más), y sigo sin saber por qué puede ser. Alguna idea que me ilumine (o más bien, que me solucione la vida...¬¬)

    Perdona la molestia, después de tanto tiempo sigo igual ^^U

    ResponderEliminar
  76. Hola Rukia,

    No es ninguna molestia.
    Recuerda que las imágenes que pongas deben tener el mismo ancho que tiene el #header-wrapper

    Saludos.

    ResponderEliminar
  77. Sí, es lo primero que he mirado cientos de veces... 940 en uno y 885x172 el otro, y nada...T_T

    ResponderEliminar
  78. En el blog 'Esto es Hispania' el ancho de la cabecera es de 885px y la imagen que tienes es de 798px de ancho. A eso me refiero, a que si tu header-wrapper es de 885px las imágenes que pongas también deben tener ese ancho.
    Esta es una de las imágenes que tienes en la que puedes comprobar que el ancho es inferior al que debería ser:
    http://i80.photobucket.com/albums/j165/Vanisar/CABECERAGRECIA2.jpg

    ResponderEliminar
  79. Oye, pues la que tengo en el PC (todas de hecho) sí tienen las medidas correctas, puede ser de la web de Photobucket?? porque si es así, se explicaría lo de que me ocurre en todos los blogs.

    ResponderEliminar
  80. ¡Potro! Mira, he probado a subir las fotos a Picassa y ya aparecen con las medidas correctas!! Muchísimas gracias por tu consejo y... una preguntita... la cabecera aparece un poco (muy poco en realidad) desplazada hacia la derecha, por qué puede ser?

    ResponderEliminar
  81. Vaya no sabía que Photobucket cambiara la medida, en realidad nunca lo usé así que no tenía la menor idea que hiciera eso.

    Con respecto a la posición, podrías intentar con esto:
    #HTML1 { margin-left:-10px; }

    ResponderEliminar
  82. No se muy bien donde colocar el código Potro, aunque tampoco varía tanto la posición, así que creo que voy a dejarlo como está (me conozco, dentro de un par de meses te estaré dando la lata para corregirlo, pero tu sabes...)

    De verdad, muchas gracias otra vez! Te debo unas cuantas!

    ResponderEliminar
  83. Va antes de ]]></b:skin>
    Ahí pega lo que te mencioné, quizá con eso se arregle.

    Saludos.

    ResponderEliminar
  84. Gracias Potro! Me va en uno de los blogs, en el otro se queda igual

    ResponderEliminar
  85. Es el mismo procedimiento sólo que el lugar de #HTML1 sería #HTML25

    ResponderEliminar
  86. ¡Muchísimas gracias Potro! Ha quedado perfecto, qué haría yo sin ti!

    De verdad, no sabes la alegría que me das!

    ResponderEliminar
  87. Hola, he seguido al pie de la letra este tutorial peron no lo consigo, incluso subi las imagenes a Dropbox, de donde copio el url de cada imagen.

    Te pido que me ayudes, hace bastante tiepo que intento q mi blog tenga un header aleatorio.

    Hasta esta parte estoy perfecto:

    A continuación entra a Diseño > Elementos de la página y verás que la cabecera ha desaparecido, en su lugar aparece un recuadro que dice Añadir un gadget, da click ahí y selecciona HTML/Javascript.

    Desde ya muchas gracias, muy bueno y util el sitio.

    ResponderEliminar
  88. Hola Jorge Emilio,

    Necesitaría ver los códigos puestos en tu blog para poder ver dónde podría estar el problema.
    Ponlos y me dices en cuál blog está para darle una revisada.

    Saludos.

    ResponderEliminar
  89. hola he intentado centrar la cabecera pero se queda igual u.u
    no se su podrias ayudarme *o*

    ResponderEliminar
  90. Entonces prueba poniendo antes de ]]></b:skin> esto:
    #HTML5 {margin-left: -30px;}

    Eso deberá hacer que se corra a la izquierda, , puedes manipular el número -30px, con un número como -50px se hará más a la izquierda.

    Saludos.

    ResponderEliminar
  91. hola potro, disculpa ayer te ise una pregunta en otra entrada de tu blog,y es que no se cansa uno de ver tus entradas, referente a lo de ayer estoy en el diseño de mi gif y buscando como saber de las medidas para la cabesera,encontre la respuesta aqui,pero me surgio una duda,segun esta entrada,podria poner aleatoriamente una imagen estatica,y la sigiente con gif animado.
    gracias desde ya y ocultame tus entradas o te segire preguntando jeje saludos.

    ResponderEliminar
  92. Claro, puedes poner imágenes en cualquier formato, ya sea JPG, PNG, GIF o BMP.
    Si es GIF no la subas desde Blogger pues automáticamente le quita la animación, pero sí, sí puedes intercalar los formatos de imágenes.

    Saludos :)

    ResponderEliminar
  93. hola potro...si yo otrabes (:

    ):es que ya casi lo logro probe con dos tamaños y en ambas pruevas no atino con el tamaño,y es raro porque el primer intento lo hise con las mismas medidas que la imagen jpg,y como gif quedo mas grande que la cabesera no se veia,en esta segunda prueva un gif mas pequeño igual queda grande y en ambas debajo del titulo,para no agotar mas tu pasiensia lo que quiero es lo de esta entrada QUITAR LA CABESERA poner barias imagenes aleatorias gif=jpg segun espones en esta entrada si me ayudas te prometo no molestarte en (una semana jajaja)
    gracias bro.

    ResponderEliminar
  94. No recuerdo si a ti te lo había dicho antes, pero una forma de saber qué ancho tiene tu cabecera es ir en Elementos de la página y hacer click en Editar sobre la cabecera, ahí abajo dirá:
    "La imagen se reducirá hasta los X píxeles de ancho."

    Esa será la medida del ancho que debe tener la cabecera de tu blog, por lo tanto las imágenes deberán tener ese tamaño.

    ResponderEliminar
  95. correcto potro tiene 760px,pero lo que intento haser es lo que dise tu entrada poner cabeseras canbiantes al azar
    con gif=jpg pero segun esta entrada tendria que quitar cabesera y poner un gadget pero no encuentro los codigos a eliminar en mi plantilla gracias de todos modos bro,disculpa las molestias.
    saludos.

    ResponderEliminar
  96. Busca de nuevo SIN expandir artilugios, todas las plantillas tienen ese código, busca la primera línea para que te guíes.

    ResponderEliminar
  97. si ahora lo hise bien lo que pasaba borraba o dejaba de borrar un caracter me desia error, ya quite la cabesera puse el gadget copie el codigo puse las url,copiadas de dropbox,pero algo sale mal solo se ve un cuadrito con una + dentro pero ninguna imagen,prove diferentes tamaños y nada,incluyendo las medidas 760px que hera lo que desia se redusiria en editar cabesera.

    ResponderEliminar
  98. Ese ícono del cuadrito con una cruz indica que la URL de la imagen está mal o que la imagen ya no existe.

    ResponderEliminar
  99. Ups okey subire otra aver como anda vale gracias potro.

    ResponderEliminar
  100. nada potro me subi otra imgen jpg por si era el gif que estaba mal y nada solo se ve el cuadrito la imagenes las subo a dropbox me da la flecha verde copio link y nada.

    ResponderEliminar
  101. Estás poniendo mal el código dentro del gadget, posiblemente es la forma que estás poniendo la URL, verifica que nuevo, debe quedar así:
    img src="http://urldelaimagen.com/imagen.jpg"

    ResponderEliminar
  102. a lo mejor estan!!! borre lo que se pego de mas en el codigo a pegar,entreparentises y demas dejandolo como me dises,se borro la ventana con la + pero no sale la imagen,
    pero me di cuenta de un detalle quisas.
    que en el logo por ejm. de ciudad blogger que esta en mi blog.
    su icono de editar,tu sabes (la llave con un destornillador) casi se ensima de la barra de blogger en cambio la del logo esta abajo a sus pies.
    puede ser eso que mi imagen esta muy arriba y no se ve que dises bro.

    ResponderEliminar
  103. No, no están porque revisé el código fuente y estaba mal, es por eso que te digo que estás poniendo más el código y las URL de las imágenes.
    Revisa de nuevo la entrada para que veas cómo tiene que quedar el código.

    ResponderEliminar
  104. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  105. hola potro como ultimo recurso te e enviado el gatget conpleto por correo como lo tengo en el blog,lei la parte que se deven poner por la entrada que corresponde,pero aca no me deja copiar el codigo,bueno te lo mande porque insisto lo tengo idem como esta en la entrada,y las url estan bien,lo se porque si las copio tanto de la carpeta dropbox o directamente de el gadget y las pongo en el navegador funciona correctamente.
    saludos bro.

    ResponderEliminar
  106. Hola Megacharrin.,

    No pude ver el blog que dices porque me aparece un mensaje que ese sitio contiene virus.
    Quizá puedas preguntarle al autor qué código ha utilizado.

    Saludos.

    ResponderEliminar
  107. Hola diablo,

    No, no está idem, debía ser como te ejemplifiqué en el comentario #112, y tú después de la URL estás dejando un espacio y un número, es decir, lo tienes así:
    src="http://dl.dropbox.com/u/9493780/cabesera.jpg 2">')

    Ya corregido debería ser así:
    src="http://dl.dropbox.com/u/9493780/cabesera.jpg">')

    Si te fijas al final de la URL hay un espacio y un número, eso no debe ir.
    Haz ese cambio y verás que funciona.

    Saludos.

    ResponderEliminar
  108. hola potro para haser como dises elimine el maldito gatget y hise todos los pasos de nuevo y me esta funcionando de maravillas,quiero que sepas que nunca dude que me dejarias solo y te lo agradesco mucho baron,
    solo me falta definir las medidas porque puse de barias medidas y algunas estan muy grandes.

    GRACIAS!!!

    ResponderEliminar
  109. Hola potro disculpa que tenga muchas dudas ,pero siento que entre mas aprendo mas extenso es esto ,la verdad es que tengo una pregunta en mi b log de anime tengo debajo del header unos 3 cuadros negros en donde se colocan widgets ¿ potro se podran quitar esos cuadros negros solo que quede esa zona en blanco y ahi poner los widgets o ponerle pues el cuadro en transparente y borde? y mi otra duda es: si son 3 cuadros negros obvio que son 3 columnas para poner widgets ¿sera posible unirlas para que solo sea una sola columna ,pero grande?

    ¿Mi header se ve muy simple lo quiero cambiar ,como pego mi imagen pero que no tape los iconos y que el menu tenga su respectivo enlace ?

    Muchas gracias ,o sabes en cuanto nos ayudan que se creen blogs como los tuyos con benos aportes y ,con buen diseño .
    Saludos

    ResponderEliminar
  110. Hola diablo,

    Qué bueno que ya está funcionando, te agradezco mucho la confianza :)
    Saludos.

    ResponderEliminar
  111. Hola orochimarusama,

    Será mucho más fácil si sólo le pones otro color de fondo y borde, para hacerlo busca estas partes:

    .blocks .block1 {
    .blocks .block2 {
    .blocks .block3 {

    Dentro de cada uno de ellos hay esto:
    background:#333333 no-repeat scroll 0 0;
    border:2px solid #F58220;

    Elimínalo de los tres y se irá el color gris al igual que el borde.

    Para cambiar el fondo de la cabecera busca esta URL dentro de tu plantilla:
    http://2.bp.blogspot.com/_xn8h_BeLKac/SvJNxlf7T8I/AAAAAAAABjw/L049O7cgfkc/s320/header.jpg

    Ese es el fondo, en su lugar por la URL de la cabecera que deseas.

    Saludos.

    ResponderEliminar
  112. No encuentro la medida por ningun sitio, en cambio me dice esto:
    Show image as background to text. You can't really calculate the width
    reliably in JS because margins are not taken into account by any of
    clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
    width if the user is using shrink to fit.
    This results in a margin-width's worth of pixels being cropped. If the
    user is not using shrink to fit then we expand the header.

    ResponderEliminar
  113. En las plantillas nuevas no sé cómo se vea la medida de la cabecera o de otros elementos, poco les entiendo a ellas :\

    ResponderEliminar
  114. Ya ire probando, gracias.

    Queria agradecerte la ayuda que nos estas brindando, gracias a ti cada dia avanzamos un poco mas.

    Eva

    ResponderEliminar
  115. No hay nada qué agradecer, todo es de buena voluntad ;)

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

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

    ResponderEliminar
  118. Por fin he conseguido hacer que la cabecera ocupe todo el ancho, he hecho un fondo con un rectangulo negro y luego la cabecera por encima. Me tengo que pelear para acabar de centrarlo, ya lo hare despues. Llevo dos horas para hacer la maldita cabecera jajaja

    Cuando desplazo la pagina hacia abajo no queda bien, la unica opcion es quitar el fondo del texto transparente?

    www.justlinedance.blogspot.com

    Gracias
    Eva

    ResponderEliminar
  119. Ummm no veo fondo de texto transparente en la cabecera :\
    Lo veo todo bien, no sé a qué te refieras con exactitud.

    ResponderEliminar
  120. Que curioso!!!! Desde Internet Explorer se ve perfecto, en cambio en el Mac del trabajo uso Firefox y se veia mal.
    El recuadro del texto se veia transparente, cuando bajaba hacia abajo el texto se ponia encima la pastilla negra. Ademas el scroll salia mal ubicado.
    Como soluciono que al menos el scroll se vea bien en todos los ordenadores? He utilizado algo incorrecto?
    Gracias
    Eva

    ResponderEliminar
  121. He revisado tu blog desde Internet Explorer, Mozilla Firefox y Google Chrome y en los tres lo veo bien. La marquesina está un poco más angosta respecto a la cabecera pero eso es porque la plantilla tiene más angosta esa área donde se encuentra la marquesina, no puede agrandarse pues si se hace se descuadra el área del menú.

    ResponderEliminar
  122. potro, no sé qué hacer. las plantillas nuevas no son iguales que las viejas... ya había heho esto en mi blog, pero ahora en un blog de un amigo no puedo... espero que puedas ayudarme en algún futuro cercano, porque no le encuentro la vuelta

    ResponderEliminar
  123. No conozco bien las plantillas nuevas pero el procedimiento debe ser igual, lo único diferente es la primera parte para saber el ancho de tu cabecera, pero todo lo demás debe ser el mismo procedimiento.
    Para saber el ancho busca en tu plantilla una línea como esta:
    <b:variable default='830px' name='content.width' type='length'/>

    Ahí indica que 830px es el ancho de la plantilla, y lo mismo para la cabecera.

    ResponderEliminar
  124. Potro, he seguido las instrucciones paso por paso y debo gritar al cielo que FUNCIONA!!!!. Únicamente tengo un problema gordo; el espacio es de 1000x353 pixels y he puesto todas las imágenes a ese tamaño. Pero me siguen saliendo hacia la derecha. He intentado meter el código pero no funciona o algo hago mal. Podrías ayudarme, por favor?. Gracias. Mi blog es illegalreturn.blogspot.com

    ResponderEliminar
  125. Debe ser por algún margen de tu plantilla; puedes probar encerrando el código entre <div style="margin-left:-40px;"> y </div>

    ResponderEliminar
  126. Potro... ARREGLADO!!!... siento ser tan pesado. Ahora -antes también pero quería ir por partes-, aún me queda por cubrir un pequeño espacio en la parte inferior de esa imagen. He ampliado dicha imagen para ver si era un problema de dimensión de esta, pero no, sigue apareciendo el espacio, ¿cómo puedo eliminarlo?. Muchas gracias por tu ayuda, no sé cómo tienes tanta paciencia :D

    ResponderEliminar
  127. Pues igual, puedes probar incluir dentro de ese código otro margen:
    margin-top:5px;

    ResponderEliminar
  128. Hola men pz ayudame xQ hice lo qe dijiste .. ya puse lo url de la imagenes y todo eso

    cuando entro al blog sale la qe tenia entro a un post sale otra pero hazta la mitad y la otra mitad queda otra no se ve completa xQ?

    ResponderEliminar
  129. mis imagenes son de 1004px como le hago para qe se vea completa y no a la mitad qe es 660px .. quiero que se me van completa responde plis

    ResponderEliminar
  130. Parece que hay un error en la plantilla pues veo que se duplica el gadget y por eso se ve doble en la de inicio.

    Elimina el gadget y ponlo de nuevo.

    ResponderEliminar
  131. Ahora no se ve nada S:, cuando voy a Edición de HTML me sale un recuadro qe dice

    ¿Está seguro de que quiere salir de esta página?

    Se han realizado cambios que no se han guardado.

    Pulse Aceptar para continuar, o Cancelar para permanecer en la página actual..

    Yo le doy acpetar y cuando vuelvo a * Elementos de la página ya no me sale Añadir un gadget, si no me sale el recuadro HTML/Javascript que es donde hice lo que dijiste que colocara lo que va hay.

    ResponderEliminar
  132. Pues el mensaje está claro, te estás saliendo de la página sin guardar cambios, necesitas guardar los cambios para que surtan efecto.

    ResponderEliminar
  133. Bueno yo lo hago le doy aceptar para guardar los cambio

    ResponderEliminar
  134. Quiero qe me salgan al tamaño de las imagenes que es 1004px , pero me salen en el tamaña 660 xQ?

    ResponderEliminar
  135. Ahora ya no veo que tengas las indicaciones, sino otra plantilla :\

    ResponderEliminar
  136. Hola potro, hice todo de nuevo para ver que era pero sigue igual se ve me puro la mitad

    #header-wrapper {
    width: 1003px;
    height: 340px;
    margin: 0px 0 0x 0;

    #header {
    width:500px; <--- lo cambie para 1003px
    height:300px; <--- lo puse en 340px y se me ven bien
    margin: 0px 0 0; pero se me oculta la barra
    text-align: center; que esta debajo de la
    color:$pagetitlecolor; cabecera :S
    overflow: hidden;
    float:left;

    ResponderEliminar
  137. Pues en

    #header {
    width:500px;

    Veo que aun tienes la medida de 500px, de todos modos no creo que se pueda extender a todo el ancho debido a que en el otro extremo de la cabecera tienes un buscador que ocupa parte de la cabecera.

    ResponderEliminar
  138. Ok y si lo quito ? .. bueno yo lo coloco a 1003px pero la barra de menu se me esconde no se xq?

    ResponderEliminar
  139. Se esconde porque está dentro del área de la cabecera, tendrías que quitar tanto el menú como el buscador.

    ResponderEliminar
  140. Tranquilo brother ya lo arregle xD Graz de toda manera

    ResponderEliminar
  141. Oye, perdon por molestar pero, cuando lo hago, la imagen que subo de cabecera me sale desplazada un poco a la derecha...

    ResponderEliminar
  142. Hola Potro, vaya cantidad de comentarios que ha tenido durante los años este post.
    Felicidades por el blog.
    Yo llevo tiempo buscando poner una imagen que cambie en la cabecera del blog, lo primero que se me ocurrió fue poner un gif animado y es lo que tengo, pero los gif tienen mala calidad para fotos, así que se ve punteado. Otra opción que veo es la que propones aquí en el blog, que cambie con cada visita, pero si alguien sólo ve el blog una vez, no ve más que una, y puede ser eso un motivo de perder "un lector".
    Lo ideal para mi sería lo que pide el #51, que la imagen cambiara mientras un lector está en la misma. ¿Hay alguna posibilidad?

    Muchas gracias

    ResponderEliminar
  143. Hola Marcos Diago,

    Pues apenas tiene un año este post pero al parecer es de las más solicitadas :)
    Con respecto a tu pregunta, haz el primer paso para eliminar la cabecera y que en su lugar haya un elemento HTML/Javascript, pero en lugar de poner el código que se menciona aquí sigue los pasos de esta entrada.

    Saludos.

    ResponderEliminar
  144. Buenas, Potro.

    Quise usar este código en mi blog, pero el color de fondo de mi nueva cabecera se limitaba al rectángulo del gadget (con el ancho del blog), mientras que la cabecera clásica extiende su color de fondo a ambos lados de la página, independientemente de la resolución de pantalla.
    Sé que es una sutileza, pero me gusta mucho que haga eso. ¿No sabrás si hay una manera de crear un gadget cuyo color de fondo se comporte como el de mi cabecera actual?

    El código igual me sirvió, lo usé para hacer unos bloques con frases aleatorias. ¡Gracias por eso!

    Ah, y no me hubiera atrevido a comentar una entrada tan vieja si no hubiera visto la fecha del último comentario.

    Desde ya muchas gracias.

    ResponderEliminar
  145. Hola Juan Bonair,

    En realidad no debería afectar el color extendido de la cabecera.
    Recién ahora vi tu blog e hice la prueba poniendo el color de fondo que tienes en la cabecera y aplicando los pasos que se explican aquí pude tener la entrada y además del nuevo gadget con las imágenes al azar se pudo conservar el color extendido de fondo.

    Prueba hacerlo de nuevo, pues como te digo, no debería cambiar ese fondo que tienes.

    Y bueno, por comentar en entradas antiguas no pasa nada, puedes hacerlo siempre que lo desees ;)

    Saludos.

    ResponderEliminar
  146. ¡Mil gracias, Potro, tenías razón!
    Pasa que la anterior vez, más que nada por miedo, había probado todo lo del nuevo gadget sin eliminar la cabecera vieja (no sé si tendrá algo que ver).

    Ah, y usando este truco la cabecera se me corría un poco a la derecha. Se corrigió con un #HTML3{ margin-left:-0px; }, no me preguntes por qué.

    Otra sutileza, sólo que esta ya no me preocupa demasiado: mi nueva cabecera siempre es 4px más alta que la imagen que contiene, y ya probé con imágenes de diferente altura. ¿Hay alguna manera de restringir el alto de mi gadget a los 200px que tienen todas las imágenes de cabecera que deseo poner?

    Y por último, quería saber cómo comentar en los textos HTML, para nunca perder de vista dónde están mis modificaciones. Seguro es una boludez, pero siempre que busco me aparecen cosas referidas a los comentarios de las entradas.

    Nada más. Y no me respondas tan rápido, que me da pena aprovecharme de tu amabilidad y tiempo.

    ResponderEliminar
  147. Prueba poniendo esto:

    #HTML3 img {padding:0 !important; height:200px !important;}

    Los comentarios se hacen de dos formas, si estos se encuentra antes de ]]></b:skin> se usan así:
    /* Aquí va un comentario */

    Si van antes o después de </head> entonces se usa así:
    <!-- Aquí va un comentario -->

    ResponderEliminar
  148. Problema solucionado. ¡Qué servicio a la comunidad, Potro, y encima sin cobrar!

    Ah, y #HTML3 img {padding:0 !important; height:200px !important;} no me sirvió, pero sí lo siguiente:
    #HTML3{ margin-left:-0px; padding:0 !important; height:200px !important; }

    Muchas gracias por este truco, en nombre de todos los indecisos del mundo.

    ResponderEliminar
  149. Me alegro que ya esté todo solucionado :)
    ¡Suerte y éxitos con tu blog!

    ResponderEliminar
  150. Gracias, enormes gracias porque estaba buscando esto y gracias a ti lo encontré. Me ha servido de gran ayuda y he conseguido dar otro toque más a mi blog.
    Así es como ha quedado:
    http://www.pixarspain.com

    Este blog, pasa a favoritos pero ya!!!.

    Espero que de ahora en adelante, siga encontrado información aquí con la que me ayudes.

    Gracias nuevamente.

    ResponderEliminar
  151. Me da gusto que haya sido de tu agrado y ojalá sigas encontrando aquí información útil para tu blog.

    ResponderEliminar
  152. perdon amigo potro.... de verdad todas tus aportaciones han sido de gran ayuda para la mejora de nuestro blog y el aprovechamiento de espacios... mil gracias y como ya te habras dado cuenta, soy bastante nueva en esto... podras ayudarme? kiero cambiar "la cara" de la cabecera: nos gustaría que el nombre estuviera mas bien sobre la imagen...ocupar un solo espacio, no divido: texto arriba, imagen abajo, pero no puedo ni expandir la imagen... ya pude dividir la cabecera, pero no es exactamente lo que kiero antes... mil gracias y perdon por tantas preguntas.. tienes una alumna muy preguntona y ke todo lo ke ve se le antoja como niña! jeje

    ResponderEliminar
  153. Jajaja, a todos nos pasa lo mismo en cuanto vemos un truco nuevo queremos tenerlo :D

    Lo que sucede es que cuando la cabecera se divide el área de la imagen queda sólo para el lado izquierdo pues esa es en realidad la cabecera del blog.
    Puedes ponerle una imagen que ocupe las dos cabeceras, pero sería estática, no sería cambiante como en este truco.

    Si deseas ponerle un fondo a la cabecera entonces busca esta línea:
    background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;

    Y cambiala por esta otra:

    background: url(URL de la imagen);
    height: 300px;

    Ahí cambia la URL de la imagen de fondo así como el alto que esta tendrá.
    Saludos.

    ResponderEliminar
  154. otra vez mil gracias!!! kedo como keria... solo que la imagen se pone en la cabecera, pero se divide como en mosaico... cambie medidas, agrague width 887px, claro experimente :$... pero no gusto... como puedo hacer para ke la imagen sea una sola de la medida completa de la cabecera... gracias por tu paciencia! oye y por la rapidez de tu respuesta... nuestro blog esta kedadando wow! gracias a ti.... y aprovechando el espacio: es posible que en la entrada se tenga como una entrada unica de "bienvenida" y todas las etiquetadas encontrarlas solo en sus respectivas "pestañas"... gracias. bendiciones

    ResponderEliminar
  155. A ese código que le agregaste agrega esto que está en negrita:
    background: url(URL de la imagen) no-repeat;

    Para lo otro, ve a Configuración > Formato > Mostrar un máximo de, y selecciona 1
    Con eso tendrás sólo una entrada en el blog, ahora mira esta entrada para ver cómo hacer que esa entrada permanezca siempre ahí aunque publiques más entradas nuevas.

    Saludos.

    ResponderEliminar
  156. brarf!!! ya no se ve la imagen!!! lo hice tal cual me dijiste...now what?

    gracias

    ResponderEliminar
  157. Pues yo sí la veo, está a la izquierda y sin repetirse. Sólo que veo que no creció el ancho porque le pusiste widht y la forma correcta es width

    ResponderEliminar
  158. jejejeje....gracias sigue sin verse pero ya me pidieron ke kede de otra forma como ke mas sencillo fiu! si me vuelvo a atorar pediré ayuda de nuevo!!! sorry... oye, otra consulta: puedo hacer ke la primera entrada (ke ya kedó solita) permanezca expandida? solo la primera!.. ya intenté la opción de primera diferente... pero no hace ningun cambio sigue enteramente igual... gracias mereces un premio por tu bondad y paciencia! bendiciones

    ResponderEliminar
  159. Con ese método que usas nunca he probado hacer que se muestre la primera entrada de forma completa. Con el método de leer más sí se puede hacer:
    http://ciudadblogger.com/2010/06/leer-mas-automatico-menos-en-el-primer.html

    ResponderEliminar
  160. Muchas Gracias chico!!!!!!
    uy, me quedó súper...
    pueden verlo funcionando acá en mi blog:
    http://www.edengonzalez.com/

    ResponderEliminar
  161. Te ha quedado muy bien y con ese talento para dibujar está increíble :)

    ResponderEliminar
  162. Hola potro, oye no se como encontrar las medidas de la cabecera, bueno ya encontre el ancho pero no el alto; en mi plantilla no esta esta etiqueta
    #header-wrapper {
    width:660px;
    podrias ayudarme por fa: gracias.

    ResponderEliminar
  163. Sino tiene una medida de altura predeterminada no importa, lo único importante es que conozcas el ancho de la cabecera para que puedas saber de qué tamaño serán tus imágenes.

    ResponderEliminar
  164. ¿Dónde alojamos las imágenes? He utilizado imageshack y blogger, pero no me funcionan!

    ResponderEliminar
  165. En cualquiera de esos dos está bien. Probablemente estás colocando mal la URL de la imagen, necesitaría que lo pongas para ver dónde pueda estar el error.

    ResponderEliminar
  166. La dirección que utilizo es esta por ejemplo: http://img232.imageshack.us/img232/3936/piesjal.jpg

    ResponderEliminar
  167. Sí, la URL está bien, pero necesito ver que tengas puesto el truco para ver si se trata de las URLs dentro del script o de algún otro elemento que pueda estar afectando el funcionamiento de este.

    ResponderEliminar
  168. hola! lo hice pero no se porq me sale muyy pequeño te agradeceria si podria ayudarme!!

    ResponderEliminar
  169. please ayuda! lo hice pero la imagen sale en tamaño muyy pequeña y me sigue saliendo el nombre de la cabecera y dos veces no se como hacer please!ayuda

    ResponderEliminar
  170. Es porque subiste la imagen muy pequeña. Y el nombre que te aparece no es el nombre de la cabecera sino un enlace que agregaste de tus imágenes de Picasa.
    Necesitas sólo y únicamente la URL de la imagen, nada más, y que está sea del tamaño que deseas.
    Saludos.

    ResponderEliminar
  171. tengo las imagenes en picasa como hago para obtener la url???

    ResponderEliminar
  172. ya cambie puse el url o creo q es eso pero ahora no sale nada!!please!!help!!

    ResponderEliminar
  173. gracias muchas gracias ahora si me sale g racias buen post solo tengo hacer mi iamagen mas grande!!

    ResponderEliminar
  174. Efectivamente. Si subes las imágenes desde Blogger también hay un modo de obtener el tamaño real de la imagen:
    http://ciudadblogger.com/2010/02/imagenes-en-tamano-real.html

    Saludos.

    ResponderEliminar
  175. Muchas gracias por tu pique. Tengo una consulta... yo lo hice en el blog y en Mozilla se me ve bien, pero en Chrome y Explorer no se ve, aparece el cuadradito de la imagen que no carga. Ahora lo saqué para ver mientras como soluciono... ¿alguna idea? A la brevedad sería genial, millones de gracias !!

    ResponderEliminar
  176. Necesitaría verlo puesto en el blog para poder ver el código y mirar dónde puede estar el error.

    ResponderEliminar
  177. Bueno, y como podemos hacer ? Algo como saber a que hora te conectas o algo ? Porque es el blog de un curso y no puedo dejar eso puesto si no carga ! :(

    Gracias por tu tiempo !

    ResponderEliminar
  178. Ahora me he quedado sin computadora asi que no puedo decirte con exactitud a que hora me conectare (pues ni siquiera es seguro que me conecte), si gustas en unos dias mas en cuanto tenga la computadora de nuevo te dejo un mensaje aqui para decirte que ya estoy en linea y nos ponemos de acuerdo.

    Saludos.

    ResponderEliminar
  179. Dale, genial. Te dejo mi mail y arreglamos: aantunezlatorre@gmail.com . Agradezco que lo saques después ! Hablamos, muchas gracias por la ayuda !

    Saludos !

    ResponderEliminar
  180. Ya estoy de vuelta por acá y con la computadora funcionando, así que cuando gustes puedes colocarlo para verlo.
    Saludos.

    ResponderEliminar
  181. Potro quite la cabecera, la volvi a poner pero ahora ya no me sale igual paginas estaticas y ahora me sale arriba de la cabecera, me podrias ayudar quiero recuperar mi cabecera

    ResponderEliminar
  182. Sólo revisa de nuevo lo que se menciona en esta entrada y lo que se dice que se elimine agrégalo de nuevo; en resumen, deshacer todos los cambios que hayas hecho y tendrás de vuelta la cabecera.

    ResponderEliminar
  183. Hay alguna forma de que la cabecera vaya cambiando a más oscuro a medida que se hace más de noche en la vida real y más claro a medida que va amaneciendo? pero eso segun la hora que marque su ordenador, ya que si estamos en lugares distintos cambiara la hora, ¿se puede?

    ResponderEliminar
  184. Desconozco si haya un script que pueda hacer eso :\

    ResponderEliminar
  185. Muchas gracias, me funciona de maravilla.

    ResponderEliminar
  186. oye yo intente hacer eso, pero las imagenes me aparecen mas a la derecha, y agregue los codigos center, left, pero nada cambia y tambien probe con...

    "Entonces prueba poniendo antes de ]]> esto:
    #HTML5 {margin-left: -30px;}"

    pero igual sigue en la misma posicion, las imagenes estan de 976(ancho) la plantilla de 1000px.
    al meter una imagen en el modo de cabecera lo agarra bien, pero poniendo el codigo nomas no funca jeje
    espero me ayudes, y gracias por los tutoriales, son los mejores de internet ;)

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger