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):
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.
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.
ResponderEliminarUn abrazo!!!
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.
ResponderEliminarUn abrazo.
Muy bueno!
ResponderEliminarMuy bueno
ResponderEliminarsi lo habia visto pero ni sabia como se cambiaba solo ajajaj
saludos
Que les quede bonito =)
ResponderEliminarSaludos.
Saludos. Está excelente este post y en general todo el blog. Gracias por la ayuda.
ResponderEliminarHola Hyunckelt,
ResponderEliminarGracias a ti por tus comentarios.
Saludos.
Gracias por la info =)
ResponderEliminarSaludos.
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?
ResponderEliminarpor favoy dime :C
Hola HP muggle,
ResponderEliminarSi 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.
Whao men... Muy buen aporte
ResponderEliminarGracias =D
Hola Krlos Reyna, ojalá te sea útil.
ResponderEliminarSaludos.
Gracias alguna vez lo probare a ver que tal
ResponderEliminarHola Antonio, seguro te quedará muy bien. Saludos!
ResponderEliminarHola 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
ResponderEliminarHola cargohe,
ResponderEliminarNo 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.
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.
ResponderEliminarEncierra el código de esta forma:
ResponderEliminar<a href="URL del enlace">
.....
.....
.....
.....
</a>
efectivamente así es Gracias amigo.
ResponderEliminarSalu2 desde Colombia.
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!
ResponderEliminarMe temo que no es posible ponerle un enlace único a cada imagen.
ResponderEliminarSaludos.
Muchisimas gracias, me fue muy util. La verdad que te debo mucho :)
ResponderEliminarPor nada Diragon, me da gusto saber que te ha sido de ayuda este blog.
ResponderEliminarSaludos!
perro esta muy bueno pero quiero saber como puedo hacer para poner la imagen mas al medio
ResponderEliminarHola hojalataa,
ResponderEliminarEncierra el código entre <center> y </center>
Saludos.
lo intento pero no me le la direccion de picasa poruqe podria ser?
ResponderEliminargracias
Hola Urko,
ResponderEliminarPara 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.
muchas gracias ahora lo intentare y nada si andas de vacaciones a disfutar eh
ResponderEliminarei 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
ResponderEliminarbenga gracias
Hola Urko,
ResponderEliminarPuedes encerrar el código del script entre <center> y </center> para que quede centrada la cabecera.
Saludos.
muchas garcias lo intentare
ResponderEliminargracias
Muy bueno che gracias :D
ResponderEliminarme sirvio para mi blog de naruto ^^
Qué gusto que te ha sido útil ;)
ResponderEliminarHola!!! he seguido algunos de los consejos de este blog, enhorabuena por el trabajo.
ResponderEliminarTengo 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.
vale, he visto que ya han preguntado esto antes, gracias por todo!
ResponderEliminarSigo 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)
ResponderEliminarHola Rukia,
ResponderEliminarEso 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.
gracias por tomarte la molestia tan pronto, gracias a ti ya he solucionado el problema ^^
ResponderEliminarPor nada Rukia, un placer ayudarte.
ResponderEliminarSaludos.
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;
ResponderEliminarheight:172px), pero no se por qué motivo me salen más pequeñas. ¿Sabes a qué puede deberse?
Es una situación similar con la anterior, tienes una imagen de fondo en esa área.
ResponderEliminarSaludos.
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!
ResponderEliminarDebe ser algún atributo que no deja la imagen al tamaño real.
ResponderEliminarGracias por tus comentarios ;)
Es justo lo que buscaba ¡Muchísimas gracias!
ResponderEliminarA ver si sale... jajaj
¡Salu2!
Qué bueno que has encontrado la información que buscabas.
ResponderEliminarSaludos.
Amo este BLog, tiene herramientas grandiosas, sobre todo esta que no creí que se pudiera usar en BLogger... Gracias por todo !!!!!:....
ResponderEliminarGracias a ti por tu visita, me da gusto que puedas encontrar información útil :)
ResponderEliminarMuchas gracias potro por este dato ya que estoy cambiando mi template ya era hora de cambiar mi cabecera.
ResponderEliminarPerfecto, seguro le dará más dinamismo :)
ResponderEliminarHola, me gustaría saber cómo hago para aumentar la velocidad del cambio de las imágenes.
ResponderEliminarGracias.
Hola Congregación de Hermanos Cristianos,
ResponderEliminarLas 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.
Gracias!
ResponderEliminarGracias x el truco! funciona perfectamente ^^
ResponderEliminarQué bueno que te ha servido :)
ResponderEliminarno me funciono mmm mire mi blog es animeytvco."""""""".com
ResponderEliminarNo veo que tengas los cambios en el blog.
ResponderEliminarpor eso a mi no me funciono
ResponderEliminaresque ya hize eso con expandir artiluagios y no esta esto
ResponderEliminaresta 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?
En la explicación se aclara que NO se debe expandir los artilugios, debes hacerlo SIN marcar esa casilla.
ResponderEliminarNo 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.
Hola Potro,
ResponderEliminarDe 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!!!
Hola Potro,
ResponderEliminarVoy 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
Hola Giancarlo,
ResponderEliminar¿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.
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...
ResponderEliminarhttp://www.carlitocomparte.blogspot.com/
Saludos
Hola Potro,
ResponderEliminarGracias 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!!!
Hola MCarlitooH2,
ResponderEliminarPor 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.
Hola Giancarlo,
ResponderEliminarEs 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 :(
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
ResponderEliminarhttp://www.carlitocomparte.blogspot.com/
Perfecto, ya lo veo funcionando muy bien ;)
ResponderEliminarHola Potro,
ResponderEliminarOk 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
Exacto, sólo es sustituir la que URL que tienes por la de la nueva imagen.
ResponderEliminarEl 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.
Hola Potro,
ResponderEliminarYa 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!!!!!
Las medidas las puse al azar, tú adáptalas hasta que se ajuste al tamaño que quieres.
ResponderEliminarLos cuadritos que dices no los vi :(
Perdón, no hagas caso al comentario anterior, creí que estaba en la entrada de la imagen arriba de los comentarios :P
ResponderEliminarRegresando 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!
Hola Potro Feliz día,
ResponderEliminarOlvida 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!!!
Perfecto, qué bueno que ya está todo funcionando.
ResponderEliminarSaludos y suerte en el blog.
Potro hola de nuevo,
ResponderEliminarTe 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!!!
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.
ResponderEliminarAcerca 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!
Hola Potro,
ResponderEliminarOk 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!!!
Es un problema que se sucitó de repente en casi todos los blogs hace como un mes, para solucionarlo haz esto.
ResponderEliminarBusca esta línea y agrega lo que está en negrita:
#blog-pager {
text-align: center;
clear:both;
}
Saludos.
Hola Potro,
ResponderEliminarListo Gracias!!! Funcionando Perfectamente.
Saludos!!!
Hola Potro!
ResponderEliminarDespué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
Hola Rukia,
ResponderEliminarNo es ninguna molestia.
Recuerda que las imágenes que pongas deben tener el mismo ancho que tiene el #header-wrapper
Saludos.
Sí, es lo primero que he mirado cientos de veces... 940 en uno y 885x172 el otro, y nada...T_T
ResponderEliminarEn 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.
ResponderEliminarEsta 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
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¡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?
ResponderEliminarVaya no sabía que Photobucket cambiara la medida, en realidad nunca lo usé así que no tenía la menor idea que hiciera eso.
ResponderEliminarCon respecto a la posición, podrías intentar con esto:
#HTML1 { margin-left:-10px; }
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...)
ResponderEliminarDe verdad, muchas gracias otra vez! Te debo unas cuantas!
Va antes de ]]></b:skin>
ResponderEliminarAhí pega lo que te mencioné, quizá con eso se arregle.
Saludos.
Gracias Potro! Me va en uno de los blogs, en el otro se queda igual
ResponderEliminarEs el mismo procedimiento sólo que el lugar de #HTML1 sería #HTML25
ResponderEliminar¡Muchísimas gracias Potro! Ha quedado perfecto, qué haría yo sin ti!
ResponderEliminarDe verdad, no sabes la alegría que me das!
Es un placer poder ayudarte :)
ResponderEliminarHola, 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.
ResponderEliminarTe 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.
Hola Jorge Emilio,
ResponderEliminarNecesitarí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.
hola he intentado centrar la cabecera pero se queda igual u.u
ResponderEliminarno se su podrias ayudarme *o*
Mira el código #26 ;)
ResponderEliminarno pues ya intente todo y no keda =_=
ResponderEliminarEntonces prueba poniendo antes de ]]></b:skin> esto:
ResponderEliminar#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.
waaaa si funsiono *O* gracias *0*
ResponderEliminarhola 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.
ResponderEliminargracias desde ya y ocultame tus entradas o te segire preguntando jeje saludos.
Claro, puedes poner imágenes en cualquier formato, ya sea JPG, PNG, GIF o BMP.
ResponderEliminarSi 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 :)
hola potro...si yo otrabes (:
ResponderEliminar):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.
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á:
ResponderEliminar"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.
correcto potro tiene 760px,pero lo que intento haser es lo que dise tu entrada poner cabeseras canbiantes al azar
ResponderEliminarcon 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.
Busca de nuevo SIN expandir artilugios, todas las plantillas tienen ese código, busca la primera línea para que te guíes.
ResponderEliminarsi 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.
ResponderEliminarEse ícono del cuadrito con una cruz indica que la URL de la imagen está mal o que la imagen ya no existe.
ResponderEliminarUps okey subire otra aver como anda vale gracias potro.
ResponderEliminarnada 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.
ResponderEliminarEstá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í:
ResponderEliminarimg src="http://urldelaimagen.com/imagen.jpg"
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,
ResponderEliminarpero 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.
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.
ResponderEliminarRevisa de nuevo la entrada para que veas cómo tiene que quedar el código.
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarhola 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.
ResponderEliminarsaludos bro.
Hola Megacharrin.,
ResponderEliminarNo 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.
Hola diablo,
ResponderEliminarNo, 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.
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,
ResponderEliminarsolo me falta definir las medidas porque puse de barias medidas y algunas estan muy grandes.
GRACIAS!!!
Hola diablo,
ResponderEliminarQué bueno que ya está funcionando, te agradezco mucho la confianza :)
Saludos.
Hola orochimarusama,
ResponderEliminarSerá 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.
No encuentro la medida por ningun sitio, en cambio me dice esto:
ResponderEliminarShow 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.
En las plantillas nuevas no sé cómo se vea la medida de la cabecera o de otros elementos, poco les entiendo a ellas :\
ResponderEliminarYa ire probando, gracias.
ResponderEliminarQueria agradecerte la ayuda que nos estas brindando, gracias a ti cada dia avanzamos un poco mas.
Eva
No hay nada qué agradecer, todo es de buena voluntad ;)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarPor 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
ResponderEliminarCuando desplazo la pagina hacia abajo no queda bien, la unica opcion es quitar el fondo del texto transparente?
www.justlinedance.blogspot.com
Gracias
Eva
Ummm no veo fondo de texto transparente en la cabecera :\
ResponderEliminarLo veo todo bien, no sé a qué te refieras con exactitud.
Que curioso!!!! Desde Internet Explorer se ve perfecto, en cambio en el Mac del trabajo uso Firefox y se veia mal.
ResponderEliminarEl 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
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ú.
ResponderEliminarpotro, 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
ResponderEliminarNo 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.
ResponderEliminarPara 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.
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
ResponderEliminarDebe ser por algún margen de tu plantilla; puedes probar encerrando el código entre <div style="margin-left:-40px;"> y </div>
ResponderEliminarPotro... 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
ResponderEliminarPues igual, puedes probar incluir dentro de ese código otro margen:
ResponderEliminarmargin-top:5px;
Hola men pz ayudame xQ hice lo qe dijiste .. ya puse lo url de la imagenes y todo eso
ResponderEliminarcuando 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?
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
ResponderEliminarParece que hay un error en la plantilla pues veo que se duplica el gadget y por eso se ve doble en la de inicio.
ResponderEliminarElimina el gadget y ponlo de nuevo.
ahora no se nada :S
ResponderEliminarAhora no se ve nada S:, cuando voy a Edición de HTML me sale un recuadro qe dice
ResponderEliminar¿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.
Pues el mensaje está claro, te estás saliendo de la página sin guardar cambios, necesitas guardar los cambios para que surtan efecto.
ResponderEliminarBueno yo lo hago le doy aceptar para guardar los cambio
ResponderEliminarQuiero qe me salgan al tamaño de las imagenes que es 1004px , pero me salen en el tamaña 660 xQ?
ResponderEliminarAhora ya no veo que tengas las indicaciones, sino otra plantilla :\
ResponderEliminarHola potro, hice todo de nuevo para ver que era pero sigue igual se ve me puro la mitad
ResponderEliminar#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;
Pues en
ResponderEliminar#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.
Ok y si lo quito ? .. bueno yo lo coloco a 1003px pero la barra de menu se me esconde no se xq?
ResponderEliminarSe esconde porque está dentro del área de la cabecera, tendrías que quitar tanto el menú como el buscador.
ResponderEliminarTranquilo brother ya lo arregle xD Graz de toda manera
ResponderEliminarOye, perdon por molestar pero, cuando lo hago, la imagen que subo de cabecera me sale desplazada un poco a la derecha...
ResponderEliminarMira el comentario #136
ResponderEliminarHola Potro, vaya cantidad de comentarios que ha tenido durante los años este post.
ResponderEliminarFelicidades 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
Hola Marcos Diago,
ResponderEliminarPues 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.
Buenas, Potro.
ResponderEliminarQuise 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.
Hola Juan Bonair,
ResponderEliminarEn 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.
¡Mil gracias, Potro, tenías razón!
ResponderEliminarPasa 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.
Prueba poniendo esto:
ResponderEliminar#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 -->
Problema solucionado. ¡Qué servicio a la comunidad, Potro, y encima sin cobrar!
ResponderEliminarAh, 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.
Me alegro que ya esté todo solucionado :)
ResponderEliminar¡Suerte y éxitos con tu blog!
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.
ResponderEliminarAsí 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.
Me da gusto que haya sido de tu agrado y ojalá sigas encontrando aquí información útil para tu blog.
ResponderEliminarperdon 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
ResponderEliminarJajaja, a todos nos pasa lo mismo en cuanto vemos un truco nuevo queremos tenerlo :D
ResponderEliminarLo 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.
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
ResponderEliminarA ese código que le agregaste agrega esto que está en negrita:
ResponderEliminarbackground: 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.
brarf!!! ya no se ve la imagen!!! lo hice tal cual me dijiste...now what?
ResponderEliminargracias
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
ResponderEliminarjejejeje....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
ResponderEliminarCon 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:
ResponderEliminarhttp://ciudadblogger.com/2010/06/leer-mas-automatico-menos-en-el-primer.html
Muchas Gracias chico!!!!!!
ResponderEliminaruy, me quedó súper...
pueden verlo funcionando acá en mi blog:
http://www.edengonzalez.com/
Te ha quedado muy bien y con ese talento para dibujar está increíble :)
ResponderEliminarHola 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
ResponderEliminar#header-wrapper {
width:660px;
podrias ayudarme por fa: gracias.
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¿Dónde alojamos las imágenes? He utilizado imageshack y blogger, pero no me funcionan!
ResponderEliminarEn 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.
ResponderEliminarLa dirección que utilizo es esta por ejemplo: http://img232.imageshack.us/img232/3936/piesjal.jpg
ResponderEliminarSí, 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.
ResponderEliminarEs 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.
ResponderEliminarNecesitas sólo y únicamente la URL de la imagen, nada más, y que está sea del tamaño que deseas.
Saludos.
Efectivamente. Si subes las imágenes desde Blogger también hay un modo de obtener el tamaño real de la imagen:
ResponderEliminarhttp://ciudadblogger.com/2010/02/imagenes-en-tamano-real.html
Saludos.
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 !!
ResponderEliminarNecesitaría verlo puesto en el blog para poder ver el código y mirar dónde puede estar el error.
ResponderEliminarBueno, 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 ! :(
ResponderEliminarGracias por tu tiempo !
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.
ResponderEliminarSaludos.
Dale, genial. Te dejo mi mail y arreglamos: aantunezlatorre@gmail.com . Agradezco que lo saques después ! Hablamos, muchas gracias por la ayuda !
ResponderEliminarSaludos !
Ya estoy de vuelta por acá y con la computadora funcionando, así que cuando gustes puedes colocarlo para verlo.
ResponderEliminarSaludos.
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
ResponderEliminarSó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.
ResponderEliminarHay 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?
ResponderEliminarDesconozco si haya un script que pueda hacer eso :\
ResponderEliminarMuchas gracias, me funciona de maravilla.
ResponderEliminarMe alegro que así sea :)
ResponderEliminaroye 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...
ResponderEliminar"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 ;)
Necesitaría ver que lo tengas puesto en el blog para mirar a detalle cuál podría ser el problema y cómo podría corregirse.
ResponderEliminarjeje perdón, esque como quedo mal, pues no quize dejarlo asi, pero ya hice otro identico para que veas como queda
ResponderEliminarhttp://random-tags.blogspot.com/
puse solo 2 imagenes y como puedes ver queda mal acomodado, y pues gracias por la respoder rápido. saludos
Prueba entonces así:
ResponderEliminar#HTML7 img {margin-left: -30px;}
jeje le aumente hasta 80 pero no se movio nada, si se puede dar permiso para que cheques personalmente porque no pasa nada, me dices como XD
ResponderEliminarDicen que la tercera es la vencida así que agregando esto ahora sí se solucionará el problema :)
ResponderEliminar.header-inner .section {margin-left: -30px;}
que comes que adivinas XD
ResponderEliminarmen eres la maravilla andante, si funciono, lo puse antes del "skin" pero no, recorde que habia visto unas lineas parecidas y lo puse despues de esta
".header-inner .Header .titlewrapper,"
quedo mas o menos asi:
".header-inner .Header .titlewrapper,
.header-inner .section {margin-left: -33px;}
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);
padding-right: $(header.padding);"
y ta-ran... el potro lo hizo otra vez :p
muchas gracias por la ayuda, eres lo mas versh.
saludos^^
Jajaja, "el potro lo hizo otra vez", hay un compa que me dice así :P
ResponderEliminarQué bueno que ya ha quedado como debe ser :)