Me pregunta BEYOND cómo poner imágenes de fondo en el título de ciertos gadgets.
El truco a continuación se aplica a cualquier gadget del blog y bien puede usarse para poner una imagen decorativa de fondo en el título, o bien para sustituir el título del gadget por una imagen.
Lo primero que hay que hacer es identificar el id del gadget al que se le quiere poner la imagen, para ello entra a Plantilla | Edición de HTML y busca el gadget al que vas a modificar, lo puedes identificar por el título, por ejemplo Etiquetas, o Lista de blogs.
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
En este ejemplo el id del gadget es Label1 y corresponde a las etiquetas del blog.
Ya teniendo el id del widget, pega antes de ]]></b:skin> lo siguiente:
#Label1 h2 {
background: url(URL de la imagen) left top;
color: #000;
}
Y así sucesivamente para todos los gadgets a los que quieras ponerle la imagen de fondo, sólo debes cambiar la URL de la imagen y en color cambiar el color del texto del título.
Si lo prefieres también puedes cambiar todo el título por una imagen, sólo que en su lugar pegamos antes de ]]></b:skin> esto:
#Label1 h2 {
background: url(URL de la imagen) no-repeat top;
height: 30px;
}
De igual forma hay que cambiar la URL de la imagen, y en heigth poner el alto de la imagen.
Ahora ve a Diseño y da click en Editar en el gadget al que le cambiaste el fondo y borra el título del gadget, en su lugar escribe esto:
De esta forma el título del gadget no se encimará con la imagen de fondo.
¿Y qué pasa si quiero aplicarle la misma imagen de fondo a todos los gadgets? En ese caso, para que no tengas que poner un código para cada gadget puedes aplicárselo a todos los títulos de los gadgets de tu blog añadiendo esto antes de ]]></b:skin>
Con estos sencillos trucos podrás tener una plantilla cada vez más personalizada, ya sólo es cuestión de que agregues las imágenes que se adapten al diseño de tu plantilla.
.sidebar h2 {Este último sólo agregará una imagen de fondo en el título de todos tus gadgets, no cambiará el texto del título, y además, la imagen será siempre la misma para todos los gadgets.
background: url(URL de la imagen) left top;
}
Con estos sencillos trucos podrás tener una plantilla cada vez más personalizada, ya sólo es cuestión de que agregues las imágenes que se adapten al diseño de tu plantilla.
Ciudad Blogger
Oie amigo necesito tu buena ayuda no se que le paso ami blog en la Noche lo deje bien y ahora dia me aparecio como mensajes del PocketBuket o algo asi a toda mi pagina y pregunte si tambien seles beia = y me dijeron que si que ago para quitar ese erroe Porfavor necesito ayuda
ResponderEliminarHola unrealmat,
ResponderEliminarEso es porque has excedido el ancho de banda que te ofrece Photobucket y te pide que pagues la membresía.
Sube las imágenes a otro servidor (hay varios) y en tu plantilla cambia las nuevas direcciones de las imágenes.
Saludos.
espero no equivocarme, pero ya que tanto me ayudaste vos, voy a intentar colaborar
ResponderEliminar#Label1 h2 {
background: url(URL de la imagen) no-repeat top;
heigth: 30px;
}
el heigth no sirve para agrandar el alto en este caso, a mi no me sirvio, en cambio con un padding sirve perfectamente, cualquier cosa si vez que esta mal lo que digo borra el comentario
y aclaro es con la intencion de ayudar :) y no de molestarte
un abrazo grande
Hola Ezequiel,
ResponderEliminarPara nada que me molesta, todo lo contrario, qué bueno que hagas aportes.
La imagen de ejemplo que está abajo del post la hice usando el height y me funcionó perfecto, supongo que en algunas plantillas será mejor usar el padding, creo que ya dependerá de cada plantilla.
Saludos.
Excelente truco para seguir personalizando el blog!!!!
ResponderEliminarCreo que si logro hacer un header mejor que el que tengo, veré si puedo usar este truco para personalizar mas el blog.
Un abrazo!!!!
Es verdad, los títulos de los gadgets si tienen el mismo fondo del header se ven mucho mejor.
ResponderEliminarA ver cuándo nos das la sorpresa del nuevo header.
Un abrazo.
como uso el padding porque la verdad a mi no me sirve el height
ResponderEliminarHola it's notice,
ResponderEliminarTal como lo ha dicho Ezequiel en el comentario #3, sólo que en lugar de poner height:30px, pondrías, padding:30px.
Saludos.
muy bueno, y gracias eh!!!!
ResponderEliminarpero tengo un problema con las posiciones, mira, pasate por mi blog y mira el primer gadget de la sidebar, que dice últimos comentarios, el icono me queda sobre la "u", y trate de alinearlo pero no puedo, me ayudas??
ResponderEliminarHola Ascesino96,
ResponderEliminarCreo que ya lo arreglaste pues veo todo en orden en tu blog. Cualquier cosa me avisas.
Saludos.
Bueno yo ya lo hice todo y he conseguido cambiarlo
ResponderEliminarpero lo que no consigo es que se quede centrado o a la derecha
Si me pudieras indicar como hacerlo lo agradeceria
(soi mui perfeccionista en algunas cosas)
Es el gadget de las visitas:
http://chaleproducciones.blogspot.com
Graciaas!
Usa esta línea en el background:
ResponderEliminarbackground: url(URL de la imagen) no-repeat center top;
Saludos.
Bueno muchas gracias pero se ha quedado un poco a la izquierda...
ResponderEliminarsi no tiene solucion no pasa nada
muchas gracias de todas formas!!
Deben ser los estilos de tu plantilla, tendrías que moverle hasta que tengas los resultados deseados.
ResponderEliminarSaludos.
Vale ya se porque es , esque hace poco ensanche la sidebar y por eso no queda ajustada
ResponderEliminarGraciaaas!!
que onda. bueno he intentado..
ResponderEliminar1: en mi plantilla en vez de laber me aparece Htmail
2: lo intento con htmail pero no me sale nada....
Ayuda Please... Asi tambien con colocar un imagen atras de las entras de fondo.. como 3djuegos.com
Hola RD-JUEGOS,
ResponderEliminarVeo que ya lo lograste, veo todos los títulos de los gadgets con una imagen.
Saludos.
me funciono? wtf? bueno no veo nada en mi blog amigo.
ResponderEliminarahora lo intente de la forma de la imagen completa...
si lo vez tirale una captura y deja verla no veo nada...
que sera? el formate de plantilla o Q?
Hola RD-JUEGOS,
ResponderEliminarEs que arriba de cada gadget vi una imagen y creí que era la que habías colocado pero veo que es parte de la plantilla.
¿A cuál gadget le quieres poner una imagen de fondo en el título?
la queria en el Top de juegos... Pero pensandolo bien serian a todas....??
ResponderEliminark onda amigo, he confirmado que el truco si funciona pero solo en Internet Explore en el firefox no funciona wtf?
ResponderEliminarpero el problema es que en el internet Explore mi blog aparece medio loco, los gadget estab abajo a lo ultimo...
Bueno no se como no uso el IE por eso que es una mierda..
Haber como lo hacemos funcionar para el FF
Hola RD-JUEGOS,
ResponderEliminarFunciona para todos los navegadores, yo lo he probado en FF, IE, Chrome, Opera y Safari y en todos se puede ver el cambio de la imagen en el título del gadget.
Para poner una imagen de fondo al título del gadget que quieres usa este código:
#HTML10 h2 {
background: url(URL de la imagen) no-repeat top;
heigth: 30px;
}
Sólo cambia la URL de la imagen.
Saludos.
excelete ahora si funciono amigo. .Sos grande nomas me pondre hacer la imagen en el photoshop...
ResponderEliminarMe alegro que ya funcione.
ResponderEliminarSaludos!
Hola Potro.
ResponderEliminarTengo un gadget de imagen que utilizo como link y quisiera poder ubicarlo un poco hacia la derecha.
¿Cómo puedo hacerlo?
Mil Gracias
¡¡Que este año la pases mejor que el anterior!!
Hola ABRIL,
ResponderEliminarTe recomiendo que en lugar de usar el gadget de imagen pongas en un HTML/Javascript el código de la imagen y del enlace, así será más fácil alinearlo:
<center><a href="URL del enlace"><img src="URL de la imagen" /></a></center>
Saludos.
Hey que bien!
ResponderEliminarAhora voy a tratar de ubicarlo por pixeles, si tengo algún problema te molestaré de nuevo.
Gracias
Perfecto, si lo ubicas por pixeles te recomiendo que entonces elimines las etiquetas < center > con las que está encerrado el código.
ResponderEliminarSaludos.
Gracias, así lo hice y apliqué margin sin problema.
ResponderEliminarAhora quiero poner otra imágen con link debajo de la anterior dentro del mismo gadget pero no me deja pues se alinea horizontalmente y si le doy margin-top a la segunda se bajan las dos permaneciendo horizontalmente. ¿Tengo que hacer un nuevo gadget para ubicar la nueva imágen debajo ó hay algún modo de modificar el código y hacerlo en un mismo gadget?
Gracias
Después de cada código (de cada imagen) pon esto: <br />
ResponderEliminarDe esa forma se hará un salto de línea entre cada imagen.
Saludos.
Wah!!! Salió perfecto.
ResponderEliminarUn millón de GRACIAS!!!
HOLA POTRO mi iD es Label1 y puse todo como dice el post , y ahora de ejecutarlo no vi na -.- , pero en explore si se via el cambio , no entiendo , dices k es lara todo clases de buscardor
ResponderEliminaryo utilizo FF :( puse asi ;
Label1 h2 {
background: url(URL de la imagen) no-repeat top;
heigth: 30px;
}
y tambiem probe con esto y nada sigue igual
HTML10 h2 {
background: url(URL de la imagen) no-repeat top;
heigth: 30px;
}
gracias saludos
Recuerda que tienes que poner el signo de gato antes del ID del gadget, por ejemplo:
ResponderEliminar#Label1 h2 {
Saludos.
hola Potro quiero pedirte ayuda con esto es que quiero colocar una imagen el la entrada pero haciendo el llamdo desde la plantilla y en el post colocar algo asi como:
ResponderEliminardiv clas ="imagen1"
en la plantilla:
.imagen1 {
background-image: url('http://i49.tinypic.com/2aol0i.jpg');
}
pero quisiera que quedara alineada ala izq. y no tan separa del texto, para si algo poder modificarla mas adelante.
Gracias
Hola Andres Fanatico,
ResponderEliminarPuedes agregar ahí mismo los parámetros, por ejemplo:
.imagen1 {
background-image: url('http://i49.tinypic.com/2aol0i.jpg') no-repeat;
float: left;
padding-right: 0px;
}
Saludos.
ola tengo un problema no se donde pego este codigo
ResponderEliminar???
gracias por la respuesta
Hola Sofi,
ResponderEliminarHay que entrar en Diseño > Edición de HTML y pegar antes de ]]></b:skin> el código.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarola..
ResponderEliminarlo que no se es donde va este codigo y que se le edita
gracias
Hola Sofi,
ResponderEliminarYa he dado las indicaciones en la entrada y en el comentario, no sé cómo más explicarme :S
Saludos.
perdon la molestia ya lo hice muchas gracias !
ResponderEliminarNo es ninguna molestia ;)
ResponderEliminarSaludos.
hola amigo
ResponderEliminarqueria preguntarte como hago para colocar la imagen del post al lado del titulo en la pagina principal y no debajo.
mira este ejemplo:
http://matino-template-demo.blogspot.com/
muchas Gracias
Ese es un Leer más automático, hay varios métodos para hacerlo pero por desgracia yo no tengo un post al respecto :S
ResponderEliminarok gracias por tu respuesta
ResponderEliminarEres un crack, estoy aprendiendo un montón contigo.
ResponderEliminarYa tengo la nube de etiquetas, y ahora, ésto!
Me ha costado un montón, pero gracias a lo del padding, todo perfecto!
Muchísimas gracias!
Algunas cosas pueden dar más trabajo que otras pero si el resultado es el que buscábamos entonces habrá valido la pena.
ResponderEliminarQué gusto que ese es tu caso =)
¡Saludos!
Hola! La verdad que muy bueno este truco, pero no sé por qué no puedo hacerlo :S
ResponderEliminaren mi blog www.matyldodrago.com.ar quiero poner una imagen para cada gadget, el primero con el que probé (y el único para el cual está el codigo escrito) es el de Archivo... pero no sale :S
Tengo pegado esto como vos dijiste:
#BlogArchive1 h2 {
background: url("http://i276.photobucket.com/albums/kk30/matyldo/bot-archive.png") no-repeat top;
height:50px;
}
Está pegado entre las líneas:
body#layout #footer-wrapper .links, body#layout #search {
display:none;
}
y
]]>
del código de mi blog...
Y el id del gadget es este:
No sé qué es lo que estoy haciendo mal!!
Te agradecería si me das una mano! Saludos y muchas gracias!!
Hola Matyldo,
ResponderEliminarEn el caso de tu plantilla intenta ponerlo antes de:
/* Navigation - Navegación */
Prueba con eso y me comentas qué sucede.
¡Saludos!
Hola, lo puse bien?
ResponderEliminar(...)
/* COMMENTS - COMENTARIOS */
#comments h4,h4.comment-post-message{font-size:23px;margin:0 0 20px;color:#f60;}
#comments-block{margin-bottom:20px;}
.comment{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #efefef;line-height:160%;}
.comment-author{font-weight:bold;margin:0 0 5px;}
.comment-form{max-width:100%!important;}
p.comment-footer{text-align:center;}
dd.comment-footer,dd.comment-body{margin:0!important;}
.comment-timestamp{font-size:90%;font-weight:normal;}
#BlogArchive1 h2 {
background: url("http://i276.photobucket.com/albums/kk30/matyldo/bot-archive.png") no-repeat top;
height:50px;
}
/* Navigation - Navegación */#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager{text-align:center;}
.feed-links,body#layout #social,body#layout #searchform,body#layout #ads{display:none;}
/* Gadgets panel - Panel de gadgets */
(...)
No funciona de todos modos :S
Gracias igual por contestar!
Saludos!!
Hola de nuevo,
ResponderEliminarHay que ponerle un nombre al gadget para que reconozca el título y así tome la imagen que deseas.
Edita el gadget y en el nombre pon esto con eso no se verá el título pero la plantilla reconocerá que hay un título y por lo tanto una imagen que mostrar.
¡Saludos!
Buenísimo!!! Funcionó perfecto, muchísimas gracias :D
ResponderEliminarSaludos capo!
Qué bueno que ya te ha funcionado :)
ResponderEliminarhola potro me puedes ayudar hize los pasos y me funciona pero en mi plantilla existen recuadros de colores en los titulos de los gadgets y no pude encontrar la forma de removerlos http://nazion-cosplay.blogspot.com
ResponderEliminargracias por ayuda
Hola AlUkArD,
ResponderEliminarEn esta parte está el color de fondo y borde de esos títulos:
.sidebar h2, sidebarbaru-wrapper h2 {
text-align:center;
text-transform:uppercase;
background:#4c4c4c;
margin: 0 0 10px;
padding: 6px 0 6px 7px;
border: 1px solid #191919;
}
Saludos.
muchas gracias ahora me queda claro
ResponderEliminarExcelente tu blog me ayuda mucho
Buenas! En primer lugar felicitarte por el blog, es una autentica mina de oro.
ResponderEliminarHe seguido todos tus pasos y me queda algo asi:
#Label1 h2 {
background: url(http://img146.imageshack.us/img146/811/retdymoporconceptos.gif) no-repeat top;
heigth: 50px;
}]]>
incluso he modificado el nombre del gadget por el de
El problema que la imagen se me corta por la mitad, no llega a verse del todo. Espero ansioso tu respuesta,
Muchas gracias por tu atencion Potro!
Hola Cul de Sac,
ResponderEliminarQué bueno que este sitio te está siendo de ayuda y encuentras información útil.
He entrado a tu blog y veo los fondos de los títulos completos, es decir, sin cortarse por la mitad. Supongo que ya has solucionado el problema.
Saludos!
Potro como cambio el tamaño y tipo de letra del los titulos de los gagdets
ResponderEliminarigual queria sber como cambio el tamaño y estilo de letra de los post!! gracias
ResponderEliminarLas propiedades de los títulos de la sidebar están en sidebar h2 ahí modificas lo de las letras.
ResponderEliminarEn el caso de los posts es en el área de body { pero los cambios del tipo y tamaño de letra que se hacen ahí se aplican para todo el blog.
muchas gracias Potro, me sirbió!
ResponderEliminargracias Potro, me sirbió mucho!!
ResponderEliminarQué bueno que te ha sido útil ;)
ResponderEliminarHola Potro.
ResponderEliminarQuería comentarte que a mí al principio lo del height no me sirvió,se veía la imagen cortada por la mitad.Pero entonces entré aquí y observando el post del tutorial vi que había un fallo.Si copias y pegas el contenido que hay en el tutorial no ta funciona,como a mí,porque la palabra height está mal escrita.En el tuto está escrita cómo heigth,con la h después de la t.Y se tiene que poner así:
height
Con la h antes de la t.Así me funcionó a mí.
Lo digo por si a alguien le pasa lo mismo y no sabe dónde está el error.
El problema es que yo quiero dejar el tipo de letra del blog y sólo la imagen de fondo,pero el texto me queda fuera de la imagen y no sé por qué.Si me pudieras ayudar te lo agradecería. http://ivanserranogarcia.blogspot.com/
Saludos y gracias.
Hola Ivan Serrano,
ResponderEliminarMuchas gracias por avisarme de ese detalle, qué curioso que nadie antes se había dado cuenta :P
Respecto a tu problema, no veo el texto salido sino que más bien aparenta eso porque la imagen que pusiste de fondo es oscura en la parte superior y se confunde con el fondo del blog.
Pordrías intentar bajar un poco el fondo eliminando donde dice top al final de la URL de la imagen, quizá eso pueda ayudar.
Saludos.
Si eso no te funciona sería mejor editar esa imagen para que el área amarilla no quede tan abajo.
ResponderEliminarHola Potro.Muchas gracias.Lo de eliminar top no ha funcionado.Lo que voy a hacer es editar cada imagen y poner el título de cada gadget yo mismo con Photoshop.Y así quedará perfecto.El único inconveniente es tener que hacer y subir cada imagen por separado,pero una vez terminado seguro que queda genial.
ResponderEliminarUna vez más gracias,y saludos.
Me parece que es la elección más acertada pues además de que no tendrás el problema del centrado podrás ponerle una fuente que normalmente en el blog no podrías.
ResponderEliminarSaludos.
Hola potro, creo que tengo un problema que a los demas no les pasa, a mi no se me ven las imagenes http://descomposed.blogspot.com/
ResponderEliminareste es el código que puse antes de del ]]>
Buscador:
#CustomSearch1 h2 {
background: url(http://i709.photobucket.com/albums/ww97/melapelatodo/varios/buttonaa.gif) no-repeat top;
height: 30px;
}
el codigo de seguidores:
#Followers1 h2 {
background: url(http://i709.photobucket.com/albums/ww97/melapelatodo/varios/button11.gif) no-repeat top;
height: 30px;
}
También le he quitado el nombre del titulo y he puesto tal y como has indicado.
las he puesto en el buscador y en seguidores, pero aún así no me sale. Agradezco tu ayuda de antemano : )
No sé qué pueda ser, probé esos códigos en otra plantilla y no tuve problemas.
ResponderEliminarDebe haber algo en tu plantilla que no permite poner esas imágenes.
Potro, se puede agregar gagdets! mediante edicion HTMl de la plantilla, ya que tengo un error quenno puedo mover los gadgets por que me sale un error quee stoy tratanto de arreglar en el foro de blogger, bueno quiero saber por ejemplo agregar un gadget arriba del cuerpo del post o debajo! espero dejarme entender! gracias
ResponderEliminarDepende de qué gadget quieras agregar, por ejemplo, para un HTML/Javascript tendrías que pegar esto sin expandir artilugios:
ResponderEliminar<b:widget id='HTML88' locked='false' title='Gadget' type='HTML'/>
¿Dónde? Pues eso ya depende de tu plantilla, ubica el lugar de donde quieres que aparezca y ahí lo pones.
sii, Potro a eso me refería, pero si deseo agregarlo arriba del post, que linea busco igual debajo del posto, debajo o antes de que lineas las pongo?
ResponderEliminargracias!
El que corresponde a las entradas es esta línea:
ResponderEliminar<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
El gadget lo debes pegar antes o después de ella.
Saludos.
gracias Potro!! :D
ResponderEliminarjajajajajajaja ese era el unico problema que yo tenia, me estaba matando la cabeza para saber que estaba haciendo mal...t_t que feliz que soy, ahora podre seguir con mi maldito blog muajajajajajaja.
ResponderEliminarsaludos a todos y suerte.
y muchas gracias amigo que estes bien
Qué bueno que ya está todo resuelto :)
ResponderEliminarSaludos.
Me quedo espectacular... graciasssssssssssssss
ResponderEliminarMi única duda es como modificar el tipo de letra y color de las mismas cuando utilizo
#Followers1 h2 {
background: url(URL de la imagen) no-repeat top;
height: 30px;
}
Saludos y nuevamente gracias
Por desgracia al gadget de seguidores no se le puede hace muchos cambios, pues aun cuando lo hagamos directo en la plantilla no los toma en cuenta y restablece sus valores.
ResponderEliminarSin embargo los colores puedes personalizarlos haciendo click en Editar sobre el gadget y ahí personalizar los links y textos.
Saludos.
Gracias por la respuesta. Un abrazo.
ResponderEliminarHola orochimarusama,
ResponderEliminarPodrías intentarlo del mismo modo que se hace aquí, es decir, buscar el nombre del gadget y usar este código:
#Label1 {
background: url(URL de la imagen);
}
Eso hará que ese gadget en específico tenga un fondo distinto, sólo ten en cuenta que habrá gadgets a los que no se les podrá cambiar el fondo.
Saludos.
y para los de wordpress como lo hago
ResponderEliminarNo lo sé, todo lo que se explica aquí es para Blogger.
ResponderEliminarHola, hago todo lo que dice y no me funciona, revisa mi blog: http://www.disneycartoon2010.blogspot.com/
ResponderEliminary no es mi plantilla porque lo probe y me funciono pero era grande asi que lo quite reduci la imagen y cuando lo volvi a hacer ya no funciono, y pongo el codigo en el nombre del gadget y se me desaparece..
ResponderEliminarPrueba con un height más grande, quizá con ese se arregle, sino entonces vemos otra opción ;)
ResponderEliminarQuisiera que la imagen ocupara toda la franja superior, como lo hago?
ResponderEliminarEs mejor subir la imagen toda de fondo con lla cabecera incluida? SI es asi, como lo tengo que hacer?
www.justlinedance.blogspot.com
Gracias
Eva
Pues sería como se explica en la entrada, en la segunda opción ahí dice cómo.
ResponderEliminarMe ha servido mucho, pero tengo una duda: si lo que quiero es cambiar el titulo de algo que no sea las Etiquetas, ¿qué tengo que hacer? (Quiero hacer la opcion 2 de qe aparezca solo la imagen)
ResponderEliminarYa me lo eh solucionado yo solo ^^
ResponderEliminarDale, qué bueno que ya lo arreglaste ;)
ResponderEliminarPor cierto este blog es el mejor que he visto! Me ha servido muchisimo, ¡viva ciudadblogger!
ResponderEliminarTe agradezco mucho tu comentario ;)
ResponderEliminaroye y como puedo poner una barra de color como en la tuya?
ResponderEliminarte lo agradeceria mucho
Es el mismo procedimiento sólo que en lugar de poner esto:
ResponderEliminarbackground: url(URL de la imagen) no-repeat top;
Pones esto:
background: #000000;
Eso que está en negrita es el código del color, lo puedes cambiar por el que tú quieras.
hola: una pregunta... como ago para poner una imagen en lugar de un linck... mmm aver si me explico mejor... lo que quiero es que alla una imagen y se aga click sobre ella y eso lleve al usuario a otra pagina...
ResponderEliminarSólo usa este código:
ResponderEliminar<a href="URL del enlace"><img src="URL de la imagen" /></a>
Ahí agrega la URL del enlace así como la URL de la imagen donde se indica.
Potro~~~!
ResponderEliminarAdemás de poner una imagen de fondo al título, se puede poner algo así como un footer para cada gadget?
algo asi:
http://img214.imageshack.us/img214/2601/asdfasg.jpg
Esto lo hice con photoshop igual XD
Vi en algunas plantillas que lo que hacen es poner una imagen así: http://3.bp.blogspot.com/_A_BXOSXle0Y/THiQ1XhTzbI/AAAAAAAABfA/KujQvx_WCq8/s1600/sidebar_header_bg.jpg
pero no quiero poner algo así porque me deforma el diseño que tengo :( no hay manera de poner las dos cosas por separado y no usando una imagen sola??
desde ya muchas gracias ^^
Pues los gadgets no tienes un footer como tal. Quizá podrías probar poniendo esto:
ResponderEliminar.widget-content {
background:url(URL de la imagen) bottom repeat-x;
}
Pero es muy probable que no tengas los resultados esperados ya que parte de la imagen quedará dentro del contenido del gadget y no fuera de él.
Hola Potro:
ResponderEliminar¿Como Estas? yo aquì molestandote... a ver si puedes ayudarme.
Puse el nuevo gadget de post màs vistos de blogger, pero necesito cambiarle el color al titulo( de ese solo gadget)o ponerle un color de fondo a èste.
Tengo todos los gadget con titulos blancos porque la sidebar es oscura, para no ocupar mucho lugar en ella querìa poner èste gadget encima de las entradas ,pero el fondo de èstas es blanco y no se vè el titulo.
Ya intentè lo que hay explicado en el comentario nº98 ,pero no e funciona.
¿Podrìas ayudarme?
Te agradezco de antemano, si puedes ,y si no tambièn ,porque siempre me ayudas jeje
Saludos.
Hola Mariangeles,
ResponderEliminarPues sería del mismo modo aunque veo que sí se aprecia el título de ese gadget en tu blog.
Las plantillas nuevas son un poco complicadas, quizá necesites agregarle otro atributo, o bien que quede de esta forma antes de </head>
<style type="text/css">
#PopularPosts1 h2 {
background: url(URL de la imagen) no-repeat top !important;
height: 30px !important;
}
</style>
Espero que así te funcione, como te dije antes, las plantillas nuevas son un poco complicadas cuando de personalización se trata :\
Hola Potro:
ResponderEliminarGracias, por la explicaciòn, me fijo si puedo asì entonces.
El tìtulo se puede ver porque puse todos los tìtulos de los gadget en negro( para que se vea èse)pero los de la sidebar quedrìan mejor en blanco y èse con color de tìtulo negro,eso es lo que quiero hacer...veremos si me sale jeje.
Muchas gracias de nuevo y saludos.
Pues si quieres cambiarle el color a los títulos de los gadgets eso se hace en esta área:
ResponderEliminarh2 {
font: normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif;;
color: #000000;
}
Ahí donde dice color se pone el código del color que deseas, en el caso del blaco sería color: #FFFFFF;
Hola Potro
ResponderEliminarGraciasss!! era justo lo que querìa!
Saludos y que tengas un lindo dìa!
gracias potro dos cosas: 1. por ahi vi esta entrada que TE ROBARON de tu blog (robada porque no hace referencia a tu blog) tan haci que uso las mismas imagenes practicamente usaron "copy/paste" lo mas comico es que tenia tu mismo error que creo ya lo corregiste de la "h" donde escribias mal "height"... pero bueno es una lastima no puse el link del ladron porque seria darle un backlink gratis.
ResponderEliminar2. tenias problemas poruqe la imagen siempre quedaba abajo unos 10px del borde del gadget lo solucione poneindo "padding: 0" abajo de donse sepone la url que sustituira el titulo (porsi sirve el dato para alguien , aunque se que ya lo sabias). =)
perdon QUIZE DECIR "TENIA" EN LUGAR DE "TENIAS"
ResponderEliminarNo te preocupes, ya me he acostumbrado a ver muchos de mis posts con puro copy/paste en varios sitios :\
ResponderEliminarGracias por compartir el dato con el que has solucionado tu problema :)
HOLA ANTES QUE NADA VEO QUE TE HAS TOMADO UN LABURO BARBARO HACER ESTO, PERO TENGO UNA PREGUNTA COMO CAMBIO EL TITULO DE MI BLOG A UNA DE FLASHVORTEX POR EJ PORFAAA AYUDAME PLISSSS
ResponderEliminarEn el siguiente enlace se explica cómo hacerlo:
ResponderEliminarhttp://ciudadblogger.com/2009/06/cabecera-del-blog-en-flash.html
Saludos.
Buenas que tal?
ResponderEliminarJusto estaba buscando esta opción para personalizar mi blog, me he leido el post y los 112 comentarios (ojala tuviese todos esos coments en mi blog jejeje) pero la cuestión es que ninguna de las dos opciones me ha funcionado.
Mi blog esta creado con el diseñador de plantillas de blogger, no se si esto afectara, si puedes entra en www.marketingonlinevalencia.org .... de momento solo lo he puesto en el gadget de ultimos articulos, justo debajo del buscador ... si das con la solucion me haras un tipo feliz.
El codigo utilizado es el siguiente
#Gadget1 h2 {
background: url(http://1.bp.blogspot.com/_Q66c6maqcxs/TL9cDP2XqcI/AAAAAAAABX4/SQ57qB7pZuo/s1600/ultimos+articulos.png) no-repeat top;
height: 40px;
}
Y en cambiado el titulo por el codigo que indicas en el post, no se que mas hacer.
Gracias por anticipado
He intentado utilizar este truco siguiendo las dos opciones que presntas pero no me ha salido ninguna, mi blog es www.marketingonlinevalencia.org de momento solo lo he utilizado en el gadget de articulos relacionados, el segundo justo debajo del buscador, dale un vistazo si encuentras el error me haras un tipo feliz. Por cierto mi plantillas esta creada con el diseñador de plantillas de blogger no se si tiene algo que ver.
ResponderEliminarGracias y un saludo.
PD. juraria que ya habia posteado este comment
Hola Marketing Online Valencia,
ResponderEliminarDe hecho sí lo hiciste pero por alguna razón Blogger tiene problemas con los comentarios un tanto largos. De unas semanas para acá no publica algunos comentarios, pero por suerte los puedo leer en el correo y así responderlos.
Bien, ahora vayamos a lo nuestro. No hay ningún problema en cuanto si se usa una plantilla clásica o de las nuevas. Lo que sucede es que recuerda que, como dice en la entrada, si el gadget no tiene título, entonces para que se muestre la imagen de fondo, debes ponerle como título al gadget esto:
De esa forma respetará el espacio del título sin mostrarlo pero sí mostrará la imagen.
Saludos.
Gracias por la rapida respuesta ... la cuestion es que introduzco el codigo, pero lo doy a guardar y no lo guarda, cuando vuelvo a entrar no aparece ese codigo ... una duda debo poner en el titulo del gadget o en el codigo html .... esto ultimo no lo habia probado ... voy a ello
ResponderEliminarPues nada si pongo el codigo en el titulo del gadget desde la pestaña elementos de la pagina, no me lo guarda y si lo pongo directamente desde edicion html me da el siguiente error - The entity "nbsp" was referenced, but not declared -
ResponderEliminargrrrrrr
Entra en Diseño > Elementos de la página y le das click en Editar a ese gadget, ahí le pones eso de título. La idea es que no aparezca ningún texto pero que le haga creer a Blogger que hay un título y de ese modo mostrará la imagen.
ResponderEliminarPues nada chico que no puedo, ya habia hecho lo que comentas y lo he vuelto a intentar, pero nado ... voy a darle una vuelta a ver si consigo hacerlo con otro gadget o algo.
ResponderEliminarDe todas formas gracias por tu tiempo.
Un saludo
Si no te resulta con ese código como título prueba poniendo este:
ResponderEliminar<h2></h2>
Sólo recuerda que se debe hacer desde Elementos de la página.
Saludos.
Hola, ¿cómo hago para que lo de dentro de la página (test, test 1 y test 2) también queden dentro de la fotografía? gracias
ResponderEliminarSi quieres que la imagen ocupe todo el gadget entonces haz el mismo procedimiento sólo que sin ponerle el h2 y el height al código, por ejemplo:
ResponderEliminar#Label1 {
background: url(URL de la imagen) repeat;
}
Hola Potro q tal nuevamente con tantas preguntes leo todas las dudas de la gente y me doy cuenta que puedes solucionar tantos sus problemas como los mios tengo una duda con respecto a lo de colocar imagen dentro del gadgets no me sale hice todos lo intentos como dice todas las persona q tiene errores pero nada de nada me estoy tirando 2 horas intentando hacerlo de mil manera pero no logro hacer q la imagen este mira
ResponderEliminaresto fue lo q coloque
#HTML10 h2 {
background: url(http://www.fondosypantallas.com/wp-content/uploads/2008/08/fondos_3d_j6ygc.jpg) no-repeat top;
height: 60px;
}
pero no funciona
me podrias esplicar con el mini detalle como seria o talvez es la plantilla la descargue desde aqui la q es templade black metal creo no recuerdo bien saludos.
Hola amigo.. oie yo estoy renovando mi plantilla y me gusto mucho este truco.. ya logre hacer que salga en una de las barside pero tengo problema con la de la derecha ya aplique el nombre de blogarchive en vez de label pero no sale y tambien otra pregunta.. si vez como hay una separacion de la imagen en respecto a la tabla de etiquetas.. puede de alguna manera quedar juntas? ojala me puedas brindar un poco de tu tiempo en esta duda
ResponderEliminarGracias de antemano :)
hola.. ya supe como arreglar los problemas que tenia.. gracias a los comentarios de arriba .. lo que es no leer daa en fin.. muchas gracias por tu tiempo y por compartir tus conocimientos
ResponderEliminarVale, qué bueno que ya encontraste la solución :)
ResponderEliminarSaludos.
y en lugar de una imagen puedo poner una animacion flash? se puede? como?
ResponderEliminarNo porque para eso el código del flash se tendría que poner dentro del código del gadget y dentro de esos códigos no se pueden agregar ese tipo de elementos.
ResponderEliminarok, que mal, siempre salgo con gustos exoticos jeje.
ResponderEliminarlo que hare es esconder el titulo del gadget y poner esa animacion flash en un gadget justamente arriba del que queria ponerle la animacion asi quedara como "un titulo"
Sí, sí, de hecho así es como muchos lo han hecho, al no poder meter flash en los títulos hacen otro gadget arriba y lo disimulan para que parezca el título del gadget de abajo.
ResponderEliminar¿En cuál blog lo has puesto?
ResponderEliminarLo que sucede es que tu ya tienes imágenes en los títulos de los gadgets. Prueba agregando al código que añadiste lo que está en negrita:
ResponderEliminar#Label1 h2 {
background: url(URL de la imagen) no-repeat top !important;
height: 30px;
}
Podría ser por un error que tienes en esa área donde has colocado los estilos, en un estilo arriba y otro abajo eliminaste la llave de cierre } y eso podría estar afectando. Lo tienes así:
ResponderEliminar.footer-columna {
padding: 10px;
#HTML7 h2 {
background:url(http://img60.xooimage.com/files/6/d/e/sidebar-gz2-2493fee.png)no-repeat top !important;
height: 30px;
}
#HTML8 h2 {
background:url(http://img60.xooimage.com/files/6/d/e/sidebar-gz2-2493fee.png)no-repeat top !important;
height: 30px;
color: #000;
Y debe ser así:
.footer-columna {
padding: 10px;
}
#HTML7 h2 {
background:url(http://img60.xooimage.com/files/6/d/e/sidebar-gz2-2493fee.png)no-repeat top !important;
height: 30px;
}
#HTML8 h2 {
background:url(http://img60.xooimage.com/files/6/d/e/sidebar-gz2-2493fee.png)no-repeat top !important;
height: 30px;
color: #000;
}
hola muy buenos trucos pero quiero cambiarlos todos pero cuando los cambie todos me salieron todos multipicados por la cantidad de los que cambie
ResponderEliminarHola missyamasa, hay un método más sencillo si se desean aplicar a todos los gadgets, ¿en cuál blog deseas hacerlo?
ResponderEliminarhola ya solucione el problema pero ahora sin queres borre el gadget de seguidores y trato de ponerlos pero esto es lo que sale...
ResponderEliminarhttp://i53.tinypic.com/e9yryw.png
Sin expandir artilugios busca alguna línea como esta:
ResponderEliminar<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
Si tienes una o varias como esas (que digan Followers) elimínalas y luego trata de poner de nuevo el gadget como lo harías normalmente.
ya trate pero no hay nada en ella conn followers
ResponderEliminar¿En cuál blog tienes el problema?
ResponderEliminarhttp://trucos-novedades-stardoll14.blogspot.com/
ResponderEliminarPrueba hacerlo desde otro navegador. O bien, vacía el caché y las cookies de tu navegador.
ResponderEliminarhize lo que dijiste pero no funciono nada
ResponderEliminarPues sí que es bastante extraño.
ResponderEliminarOtra opción sería agregar el gadget desde un elemento HTML/Javascript.
Primero entra a http://www.google.com/friendconnect/
Del lado izquierdo verás una lista de los blogs que tienes, selecciona el tuyo.
Ahora en el menú central haz click en 'Añadir el gadget de miembros'
Ahí personaliza tu gadget con los colores y medidas que quieras.
Lugo haz click abajo en Generar código y pega ese código en un gadget HTML/Javascript.
Con eso tendrás de nuevo una Lista de Seguidores.
en mi blog no se como no tengo las imagenes instaladas pero si las tengo hechas pero no se como ponerlas?? que hago ?? ayudaaaaaaaaa
ResponderEliminarNo entendí o.O
ResponderEliminarHola Potro,
ResponderEliminarPrimero quería agradecerte todo el aporte que ofreces con tu blog, ya que estos tips me han ayudado enormemente a mejorar la presencia del website. Tenia una pequeña duda, y es que este truco se puede utilizar para cambiar los titulos de las entradas, o solo es para los gadgets?
muchas gracias de nuevo y un saludo.
www.torneointerno.es
Hola torneo interno,
ResponderEliminarSí puede usarse también para los títulos de las entradas sólo que se aplicaría para todos los títulos de las entradas de blog.
Lo único que hay que hacer es que en lugar de esta primera línea:
#Label1 h2 {
Usarías esta otra:
h3.post-title {
Saludos.
Muchisimas gracias Potro, Me ha quedado genial...
ResponderEliminarHe peleado un poco pero al final lo consegui, solo tuve que modificar un par de cosas que las resalto por si a alguna otra persona le puede interesar:
h3.post-title {
background: url(URL de la imagen) right top;
height:30px;
color: #000;
}
De nuevo muchas gracias y espero que te haya gustado mi página.
Saludos,
www.torneointerno.es
Buenos Dias amigo Potro,soy nuevo en esto del blog, tengo mi imagen principal de blog,pero se encima con la plantilla que ocupo, y no se como acomodarla para que se vea bien,mi blog es el siguiente http://giorgiolavenza.blogspot.com/
ResponderEliminarNo he entendido bien, ¿a cuál imagen principal te refieres? ¿encima de qué se sobre pone?
ResponderEliminarNo me explique bien,quiero decir que no me aparece completa,solo una parte,trunca,me imagino que es por la plantilla que aplique,pero no se donde moverle para que salga completa la imagen,te agradezco la atención
ResponderEliminarNo se encima, lo que sucede es que tu cabecera tiene un alto de 120px y es por eso que se corta.
ResponderEliminarNecesitas que el alto de la imagen que subas tenga esa altura. En cuanto al ancho lamentablemente es muy reducido pues como ves tienes un área para poner un gadget al lado de la cabecera y eso hace que se reduzca también el ancho de la imagen.
Lo que puedes hacer es poner la imagen directo en la plantilla. Esto sería agregando lo que está en negrita:
#header-wrapper{ background:url(URL de la imagen); width:950px;
Hola.Potro!!.Cambie el tamaño de px a 320 en esa estructura que me señalaste,y se acomodola imagen,sin necesidad de insertar la url en la plantilla,muchas gracias ya quedo!!,ahora te vuelvo a molestar,la plantilla trae esos elementos deslizables de abajo de la cabecera,la verdad no me gustan,me gustaria sustituir esas imagenes,por otras de mi gusto,de hecho,ahi me dice,pero no se en que parte de la plantilla,si es posible.claro,si no es asi,me doy por bien servido.
ResponderEliminarDentro de #nav a{
ResponderEliminarY de
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{
Hay dos URLs, esas son las URLs de las imágenes de fondo de ese menú.
Saludos.
Muchas Gracias Potro..tu me indicaste la de los menus,algo que tampoco sabía,en cuanto a lo de las imagenes slider lo acabo de hacer,ubique los elementos y los logre cambiar queria transcribirte como quedo por si alguien necesita en un fututo , pero no puedo,me marca error al comentar al "elemento H3",a que se debe? una vez mas te reitero las gracias hermano,me has ayudado mucho
ResponderEliminarHola G Lavenza,
ResponderEliminarEn los comentarios se puede poner códigos pero es necesario convertir el código a texto plano. Ya que esté convertido el código se puede dejar en el comentario sin ningún problema.
¡Saludos!
Excelente! Me sirivó mucho. Gracias.
ResponderEliminarGracias a ti por tu visita!
ResponderEliminarholass ahiii no me funciona eso ahora q hago ayudenme ademas como q no entiendo muxo mira me dice label13 y no se que hacer ayudenme mira ni se como poner etiquetas ayudenme porfiss aqui te doy mi blogg y mi correo para que me repondan porfiss http://xxxzonacristoxxx.blogspot.com/ y mi correo es zonacristo@hotmail.com y ademas quisiera que se vea mis categorias asi como este blog que tiene en cada categoria una imagen ayudenme porfiss http://dorama-sindescargar.blogspot.com/ ayudenmeee porfis y respodanmee porfiss
ResponderEliminar¿En cuál gadget quisiste ponerlo porque no veo que tengas el gadget de etiquetas?
ResponderEliminarMuchas gracias por la explicación. Si no lograse cierto cambio que planeo, lo pondré en práctica.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarBuenas Potro, he puesto toda tal como dices pero nada... no consigo poner la imagen.
ResponderEliminar#Label2 h2 {
background: url(http://www.uncsd2012.org/rio20/images/twitter.jpg) no-repeat top;
height: 25px;
}
A ver si puedes hecharme un cable
Gracias
cineconclick.blogspot.com
Es porque es una imagen demasiado grande, tiene que ser una imagen pequeña que se adapte al tamaño del título.
ResponderEliminarHola!!
ResponderEliminarEn mi caso lo que quería hacer no es poner una imagen de fondo sino que quería es poner una pequña decoración así como una florecita o algo así, al lado del título. ¿Hay alguna forma de poder hacerlo?
Muchas Gracias.
Es el mismo procedimiento, sólo sería así el código:
ResponderEliminar#Label1 h2 {
background: url(URL de la imagen) left center no-repeat;
color: #000;
padding-left:20px;
}
Muchas gracias lo intentaré a ver si me sale.
ResponderEliminarVale, nos cuentas cómo te fue ;)
ResponderEliminarPor cierto, recuerda que donde dice Label1 debe ir el ID del gadget al que quieres ponerle el icono.
Saludos!
Este comentario ha sido eliminado por el autor.
ResponderEliminarhola potro hice todo lo que escribistes pero me sale esto _"Se ha encontrado más de un artilugio con el ID: Blog1. Los ID de artilugio deben ser exclusivos.
ResponderEliminarError 500"
por favor aYUDAME E intentado hacerlo y siempre me sale lo mis mo
Hola wilnellys bravo,
ResponderEliminarMuy seguramente has tocado otra área muy diferente a los que se explica pues nada de lo que se agrega se hace dentro de la estructura del blog, sólo en los estilos.
Repite los pasos y verifica que lo estés poniendo en el lugar que se indica.
Saludos.
hola tu blog es genial me quedo a la perfeccion en mi plantilla... la cosa es que ahora me e descargado otra donde e intentado de todo pero no puedo hacerlo ya que en vez de que los gadegets este separados todos estan juntos en un mismo fondo como puedo separarlos titulos T_T para poder hacer esto gracias de antemano
ResponderEliminarPues necesitaría saber cuál es el blog para echarle un ojo a la plantilla y ver qué se puede hacer.
ResponderEliminarmira este es mi blog donde estoy modificando la plantilla http://naqtemplates.blogspot.com/
ResponderEliminary esta pagina es donde esta el original http://btemplates.com/2010/blogger-template-gears-and-wood/demo/
gracias ^.^
Pues tanto como separarlos no sé si se pueda pero de igual forma puedes agregarles una imagen de fondo, el procedimiento es el mismo, sólo que seguirán compartiendo el mismo fondo naranja todos los gadgets.
ResponderEliminarHola El potro!!
ResponderEliminarMira es que no entiendo muy bien,
yo tengo localizada la parte donde esta la id del widget pero no encuentro la etiqueta Skin> para pegar la url de la imagen??
Graciassss
Hola MariajoyAndrea,
ResponderEliminarAhí mismo en Diseño > Edición de HTML podrás encontrar ]]></b:skin>
Puedes usar las teclas CTRL + F para localizarlo más rápido.
Saludos.
ok..tratare de ponerlo aunq no encuentro el codigo por lo cual nose donde ponerlo...xp :s
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola El potro!!
ResponderEliminarHe estado intentándolo pero como de costumbre no me sale, te dejo la dirección de mi blog para que le heches un vistazo, si puedes.
http://nancyesunicabymariajoyandrea.com/
GRACIAS.
Hola MariajoyAndrea,
ResponderEliminarNo veo que tengas puestos los códigos, y necesito verlos colocados para detectar dónde puede estar el problema.
Es verdad pensé que le había guardado.
ResponderEliminarYa lo puedes ver, el título que he intentado cambiar es el de "Bienvenidos" y el único cambio que he apreciado es que el color del titulo que yo lo tengo en azúl cambia a negro.
Gracias.
Lo que sucede es que la URL de la imagen no es la URL directa, sino que es la URL de Imageshack que muestra la imagen dentro de la página.
ResponderEliminarVerás que si abres esa URL, del lado derecho hay un cuadro gris con unas opciones, una de ellas dice Enlaces para compartir esta imagen, da click ahí y copia el enlace que está dentro de la opción Directo. Esa URL sí te servirá para lo que necesitas.
¡Saludos!
Hola de nuevo!!
ResponderEliminarAyer lo hice según me dices y muy bien,
el problema es que la imagen que yo quiero poner tiene un marco y no me quedaba bien,
probé cambiando el tamaño desde imageshack y seguía sin quedarme bien, o bien quedaba grande o pequña...
pues bien hoy he probado de nuevo, de la misma manera copiando el enlace que está dentro de la opción directo y hoy ya no me sale nada de nada.
Porque puede ser????
Mil gracias.
Saludos.
Cuando pusiste de nuevo el código eliminaste una llave de cierre en el código que está arriba de él; lo has puesto así:
ResponderEliminar.mobile-link-button a:link, .mobile-link-button a:visited {
color: #d4e1ff;
#Text2 h2 {
background: url(http://img695.imageshack.us/img695/6023/img1719fndrosa123rm.jpg) left top;
color: #000;
}
Y debe ser así:
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #d4e1ff;
}
#Text2 h2 {
background: url(http://img695.imageshack.us/img695/6023/img1719fndrosa123rm.jpg) left top;
color: #000;
}
Saludos.
Muchas gracias por tus explicaciones!!
ResponderEliminarYa lo tengo y me queda muy bien, ahora me gustaría centrar algunos títulos que me quedan descuadrados,lo he intentado haciéndo lo que explicas en el comentario número 13 pero no me sale.
Y también me gustaría cambiar el color de las letras.
Muchas GRACIAS y perdona tantas preguantas pero ya que lo estoy haciéndo me gustaría que quedase bien.
Saludos.
¿Centrar la imagen o el texto del título? Si es lo primero entonces sí es como el comentario #13, si es el texto entonces sólo agrega en ese mismo código debajo de color: #000; esto:
ResponderEliminartext-align:center;
En cuanto al color ahí mismo en color: #000; se cambia el color del texto.
Saludos.
Okey muchas gracias.
ResponderEliminarYa lo tengo, me ha quedado genial.
Mira y para cambiar la letra de un solo título de los gadget??
Y otra pregunta a los títulos a los que les he puesto color de fondo también se les puede puede poner una imagen a un lado??
Saludos.
Es como te había dicho en el comentario #169, pero además de eso se integraría el color de fondo:
ResponderEliminar#Label1 h2 {
background: #ccc url(URL de la imagen) left center no-repeat;
color: #000;
padding-left:20px;
font-family: Arial;
}
Y el tipo de letra igual se integraría dentro del código.
Perdona pero no te entiendo,
ResponderEliminarEl color de fondo ya lo tengo y me quedó muy bien, gracias a tus explicaciones. lo que quería es aparte de eso, es ponerle un dibujo al lado del título, tal y como hice con el título de bienvenidos al cual no cambié el color de fondo.
Entonces que hago porque tengo que pegar dos url??
No sé si me explico, te dejo la dirección de mi blog para que si puedes le heches un vistazo.
http//nancyesunica.blospot.com/
Mil GRACIAS.
Repasemos, si es un color de fondo (Ojo, color, no imagen) entonces puedes usar el código que te di en el comentario de arriba, de modo que donde dice #ccc es el código del color de fondo, y la URL de la imagen el ícono que deseas.
ResponderEliminarAhora, si te refieres a tener dos imágenes al mismo tiempo eso no es posible.
Saludos.
Okey entendido,
ResponderEliminarperdona las molestias.
Un saludo
Potro porfavor necesito de tu ayuda si esque sabes como solucionarlo ,si te fijas en mi blog "http://thestrokesfanschile.blogspot.com/" hay un gadget con imagen de fondo que tiene cabecera , el cuerpo y la imagen del final , pero entre la cabecera y el cuerpo me queda un espacio y el codigo html esta bien porque lo probe cuando tenia instalado la platilla artisteer y tambien en el editor de html online y ese espacio no aparece y creo que hay que configurarlo desde la plantilla, si supieras como lo hago para ke desaparesca me salvarias te dejo el codigo html del gadget http://write.fm/htmlbueno
ResponderEliminarsaludos y gracias
Es por los estilos de la plantilla, agrega antes de ]]></b:skin> esto:
ResponderEliminartd img, th {
margin-top: -10px !important;
vertical-align: inherit;
}
creo que te amo ajajaj , me salvaste amigo eres el dios de los blog enserio busque 3 dias segidos esto y tu me salvaste estaba un poco estresado ya muchas gracias
ResponderEliminarTambién yo batallé un poco para dar con esa solución, estaba punto de rendirme, pero bueno, lo importante es que ya está solucionado y que antes de solicitar la ayuda lo intentaste :)
ResponderEliminarHola Potro!
ResponderEliminarFelicicidades de nuevo por tu magnífico blog, me está sirviendo de muchísima ayuda...
Quería poner una imagen esta vez no n el título si no debajo, en concreto en el gadgtes de etiquetas, ¿como podría hacerlo?
Mi blog http://nancyesunica.blogspot.com/
Saludos
Mariajo
Hola Mariajo,
ResponderEliminarEso sí lo veo menos probable por la estructura de los gadgets; puedes poner una imagen de fondo a todo el gadget, pero una imagen sólo debajo del título no veo cómo pueda ser posible :/
Hola Potro es que no me había expresado bien,
ResponderEliminarponer una imagen de fondo es justo lo que quería hacer.
¿comop uedo hacerlo?
Mila gracias.