Voy a explicarte cómo ponerle un fondo a un widget de tu sidebar. También sirve con el gadget de seguidores, el de archivos, el de etiquetas... con todos los elementos que tengamos en la sidebar :-D
Diseño>edición HTML>expandimos artilugios
Debes empezar por buscar tu elemento. Voy a ponerte un ejemplo suponiendo que quieres ponerle un fondo al gadget de seguidores...
Buscarías el título con el que lo tenemos, por ejemplo "me siguen..."
Puedes buscarlo fácilmente apretando Ctrl y F y usando el buscador ;-D
Nos aparecerá esta línea:
<b:widget id='Followers2' locked='false' title='Me siguen...' type='Followers'>
Ahora debes copiar el id del elemento, en este caso sería Followers2 y ponerlo de esta forma:
#Followers2{
background: #000000;
}
El fondo será de color negro. Si deseas más colores puedes usar la tabla de colores.
Si lo prefieres con una imagen de fondo , ponlo de esta forma:
#Followers2{
background: url(URL DE TU IMAGEN DE FONDO) ;
}
Pon la url (dirección) de tu imagen y ya tendrás fondo :-D.
Sea cual sea el fondo que elijamos, de color o de imagen, pondremos el bloque correspondiente encima de la etiqueta ]]></b:skin>
Así quedaría si lo haces con el gadget de seguidores. ☺
¡Suerte!
¿Problemas al comentar? Utiliza 
Eso está muy bien, pero vamos, yo en el mio no puedo ni poner un contador de visitas, no me deja.
Saludos
Jaime, algún día me atreveré a seguir tus instrucciones, graciass mil por todo lo que nos enseñas.
Saludos
Hola Jaime, vine a ronronear de balcón en balcón ;)
La idea de los fondos me gusta, en mi caso tengo fondos generales pero si quiero aplicarlo ya sé cómo ;)
eso si, por más que me quieras poner los seguidores bonito? no me gusta jaja :D
besos ronroneados
joselop44! me alegra que te guste :-D pero por qué no te permite poner cosas?
Caminodelsur! cuándo tu quieras te ayudo en todo lo que quieras poner para tu blog :-D
Hola Jiame, muy bueno, ya lo pondré en práctica, por cierto ya me puse como seguidor de "el balcon", saludos.
Me encantaría conocer la razón. Lo he intentado un par de veces, y cuando ya tengo lo que he de insertas en html, me dice que ha sido imposible.O que le código es incorrecto´, incompleto, o algo por el estilo.
Jaime...primero gracias por tu visita y tus amables palabras...la verdad es que tu blog es muy completo y muy útil para aquellos que estamos en este mundo de los blogs...gracias por tus aportes ya te tengo agregado. Un abrazo, y nos leemos.
hola amigo cada dia pones mejores consejos debo decirte que ando loca con la direccion de mi blog y lo he vuelto a "renovar" con un nombre mas cortito espero que no te haya molestado ya sabes por lo que tuve que hacerte cambiar la ultima vez ^^ esta es la nueva direccion http://darknessblog1.blogspot.com/ muchos bss
Hola Σ=o) Pau! miauuuuuu gracias por venir al Balcón :-D bueno en tu caso, gracias por saltar de un Balcón a otro :-D me alegra que ya sepas el truquillo :-D jeje esque no sabía que fondo ponerle al de seguidores :-D
Hola joselop44, verás, no hay que poner nada en el html, solo en el CSS, antes de la etiqueta b:skin ;-D pero sí has de buscar el id (nombre del elemento) en el html, para ello has de buscarlo por el nombre que le has puesto, por ejemplo, yo puse "mis seguidores" y lo busqué así, después copias el "Followers..." y lo pones en el bloque para ponerle el fondo :-D
Hola César! cuánt me alegra verte por aquí! :-) me alegra que te guste El Balcón :-D gracias por añadirme! :-)
Hola Darkness! me alegra que te gusten los trucos :-D ahora te cambio la URL :-D
Hola he encontrado tu pagina por casualidad y esta genial, yo empiezo con el blog y ando perdida
he encontrado cosas que me son muy útiles gracias..
te he puesto en mi lista de blogs
Hola Bulma! cuánto me alegra que ma hayas encontrado :-D si necesitas cualquier cosa dímelo y te ayudo :-D me alegra que te gusten todos los truquillos :-D gracias por añadirme en tu lista! :-)
Hola Jaime !!!
que tal las vacaciones??? espero que bien
te he dejado en mi blog un merecido premio ^^
Espero que te guste ^^
por cierto ya se hacer bordes en los posts gracias a ti ^^
Hola Jaime.
Vengo al balcón a pasear y mirar el paisaje, aunque con un abriguito por el frío que hace y un cafecito.
Heyyy, esto está super, tal vez pueda hacer algo con el horrible elemento de seguidores, aunque ya ni siquiera sigo los blogs luego de tremendo desastre que hicieron por Googler!.
Saludines compi. Cuidate y no dejes el abrigo para subir al balcón ;).
Hola Gsar Flakita! fueron bien :-D pero hace tiempo que acabaron :-) ahora me paso por tu blog a recoger el lindo premio! :-) un abrazo0te!!!!!!!!
Birdelo! que alegría! me alegra verte por aquí :-D la verdad es que sí, en vez de dejarnos el antiguo gadget de seguidores :-S con lo bonito que lo podíamos editar :-S es que algunas veces son.. :-( con este truquillo por lo menos un fondito se le puede poner ;-D Aquí hace más calorcito :-D Saludines compi!!!!! :-)
Hola Jaime, he intentado ponerlo pero no me deja, me sale error, lo estoy probando en el gadget de categorias y nada, el follower me sale entre comillas, esas comillas, que se hacen con ellas, saludos.
Hola Abel3D, verás, las comillas se borran, en todos los elementos, es decir, por ejemplo, si es una lista de enlaces, podrías:
#Label2{
background: url ();
}
El de seguidores, pondrías:
#Followers1{
background: url ();
}
Pero teniendo en cuenta que en ambos casos debes poner el número que tenga cada uno, en label2, el 2 significa que es la segunda lista de enlaces (si tienes dos) si tienes solo una, sería label1
Si te sigue dando error avísame, pero es extraño porque lo probé en varias plantillas (incluida la del Balcón, que es muy diferente a las de blogger) y servía :-S Suerte amigo0! :-)
Hola Jaime, una consulta, hay forma de en blogs de blogger poder poner una entrada como pagina estatica PEROOOooooo la pregunta no es de paginas estaticas sino para llenar un formulario de "contacto" o sea para que un usuario que quiera contactarse conmigo pueda llenar un formulario con su "nombre, mail, apellido, tema, etc, etc", hay forma de hacerlo???, OJO, no la explicacion de como hacer una pagina estatica, eso ya lo tengo claro, pero si lo del formulario para que los usuarios puedan contactarse conmigo, saludos.
A parte de eso, logré poner una imagen como enlace para la suscripcion RSS haciendo click en la imagen, quisiera tener la posibilidad de hacer lo mismo con la suscripcion via mail, o sea, que al hacer click en una imagen pueda acceder a la barra de suscripcion via mail, pero que esa barra no aparezca permanentemente en principio, he visto en otros blogs que tienes configurada asi, en sus paginas tienen una imagen para la suscripcion via mail y otra imagen para suscripcion RSS sin ninguna barra para escribir nada, supongo que luego ha de aparecer cuando se suscribe o en otra ventana, por fa si tienes conocimiento de como hacerlo porque por lo menos logré poner como enlace del RSS una imagen y quisiera hacer lo mismo con el via mail, saludos coordiales Jaime.
Hola Abel3D! lo del formulario de comentarios, se a lo que te refieres, además, se puede poner hasta en una entrada :-D eso lo puedes hacer y personalizar en http://www.emailmeform.com/
debes registrarte, es muy sencillo y en unos pocos pasos tienes un formulario de mensajes que te llegarán a tu correo :-D
En cuánto a lo de las suscripciones por email en una imágen, claro que es posible, por ejemplo, el link para que al hacer click se suscriban a tu feed por correo sería este:
http://www.feedburner.com/fb/a/emailverifySubmit?feedId=ID DE TU FEED&loc=es_ES
Borrarías ID DE TU FEED y pondrías el ID (nombre) del feed de tu blog (son los númeritos, que aparecerán después de feedid= :-D
Si no te funciona algo, dímelo y te sigo ayudando :-D Saludines!
Hola Jaime, ok, ya cree el formulario en la pagina que me diste, ok, pero como la pongo incluida en una entrada, o sea, la pagina me da un codigo, ese codigo lo pongo en la entrada pero en la entrada me sale un enlace, pero quiero poner el formulario dentro de la entrada, es posible??? y como.???
Hola Abel3D, verás tienes que cojer el código del último paso, el más grande, después, pégalo en la entrada, pero en la parte de Edición de HTML, que está al lado de dónde se escribe el título del post (una pestañita) y después publícalo directamente :-)
Hola Jaime, eso hice, aunque es un unico codigo el que me dan y no es mas que de 2 lineas de largo, supongo que es el que tengo que copiar, ok, pero lo puse en la parte HTML de la entrada y en la vista de la entrada me sale la palabra enlazada y cuando le doy click a esa palabra me lleva a una ventana totalmente en blanco en donde se ve el formulario
Pero lo que quiero es que el formulario no esté en esa pagina en blanco sino dentro de la misma entrada, o sea que cuando ingrese a la parte de informacion de mi pagina me lleve al formulario que se encuentra pegado dentro de la entrada "CONTACTO" y ahi ingresar los datos, hay blogs que lo tienen asi y por eso supongo que se lo puede hacer pero como, no se si me entendiste, saludos.
Ok, Jaime, ya vi a que te referias con el codigo largo, ya lo encontré dentro de un enlace en la misma pagina, puego te comento cualquier cosa, saludos y gracias.
Hola amigo, verás esque en vista previa no funciona, prueba a ver si sirve sin vista previa y si no sirve, te dejo esta otra web, que si servirá :-D
http://www.contactify.com/
Haber si ese te funciona :-D
Espera amigo, el de http://www.contactify.com/ es también de un link, para mostrarlo en una entrada, te dejo el código, te lo mando en un correo si quieres, así no tendrás que registrarte más :-D
Así es, debes hacer click en get html code y lo consigues :-D recuerda que puedes centrarlo añadiendo las etiquetas <center> y </center> al principio y al final del código :-D
Ok, me sale todo pero el formulario deberia de salirme unidito como en la muestra que se veia en la pagina del formulario, pero en mi entrada me sale todo espaciado, a que se debe eso??, como corregirlo y que quede todo bien unido como la prevista en la pagina donde lo cree, saludos.
Hola Jaime, no se en que estaba pensando en lo de mi ultimo comentario de que se ve todo espaciado jeje, pensé que tenia que modificar algo en el HTML pero me imagino que tengo que quitar los espacios en la vista de la entrada no es asi???
Hola amigo, así es, pero debes hacerlo con cuidado, el formulario está en una tabla, si borras algo de la tabla, tendrás que volver a ponerlo :-S Suerte amigo0! :-D
hola que tal? he leido y sacado varias instrucciones de este sitio para mi blog, pero a este que es sencillo no lo entiendo! nose si debo reemplazar todo o solo completar con el nuevo codigo, podrias explicarme mas detallado por favor? gracias!!
Julio Herrera Sheil, no tienes que reemplazar nada, simplemente tienes que añadir el bloque CSS con el nombre del gadget que quieres decorar ;-)
Por ejemplo, si se trata de una lista de enlaces, busca en la plantilla con los artilugios expandidos el título de la lista de enlaces, sería similar a esta línea:
<b:widget id='LinkList1' locked='false' title='Subscripciones y Enlazar' type='LinkList'>
y el CSS que se añade antes de ]]></b:skin> es este:
#LinkList1{
background: url(URL DE TU IMAGEN DE FONDO) ;
}
No se reemplaza nada, sólo se agregan propiedades al gadget, en este caso con el nombre de LinkList1 que es el ID de la lista de enlaces ^_^
Gracias. Me ha servido muchisimo tus ayudas.
Danae, me alegra mucho que te hayan servido mis ayudas ^_^
Por cierto, gracias por nombrarme en tu entrada, ¡es un placer poder ayudarte! ☺
Hola Jaime:
Hay una cosilla que no entiendo... Una vez localizado el código que dices, exactamente dóndde debo poner el código que tu señalas y el código de color, etc.??? No lo tengo muy claro. Podrías señalar el código completo?????
Graciasssssssssssssssss
Laube, debes incluir los bloques para dar estilo, encima de la etiqueta ]]></b:skin> (como indico en la segunda línea, bajo el tercer bloque de código) ;).
HOLA JAIME MUY BUENA LA AYUDA PERO TENGO UN PROBLEMA.. CUANDO HAGO PREVIEW DE COMO VA A QUEDAR MI FONDO EN EL GADGET.. LA PAGINA EMPIZA A CARGAR .. PUEDO VER COMO QUEDA EL FONDO PERO DE UN MOMENTO A OTRO SE PONE TODA LA PAGINA EN BLANCO.. ME PODRAS DECIR POR QUE?
ESTO ES COMO LO ESTOY HACIENDO
#HTML7{
background: url(http://img697.imageshack.us/img697/5194/indiceboton.png) ;
}
]]>
Maverick, prueba a poner la imagen dentro del gadget (para que actúe como título) de la siguiente forma:
<center><img style="padding-top: 12px; padding-bottom: 12px;" src="http://img697.imageshack.us/img697/5194/indiceboton.png"/></center>
Es mucho más sencillo y efectivo ;).
!hola Jaime! Justo lo que estaba buscando,voy a ponerlos en práctica a ver si me resulta,¿cómo se aplica a los demás?
!Ah! y me gusta la forma en que "ir arriba" lo hace,una pequeña observación,mira en el texto.Chao.
Hola SAGITARIOXII. En las primeras líneas de la entrada explico como encontrar los ID de cada elemento o gadget para poderle aplicar sus respectivas clases con CSS ;).
!Ah! ok..entendí.Momentaniamente pensé que ese 2 había que agregarselo,porque estabas aplicando algo nuevo,(en código soy una neófita),así como aparece el "id" lo aplicas encima,de la etiqueta,]]>
con la url de tu imagen. TU EXPLICACIÖN ESTÁ PERFECTA,ya lo apliqué,pero en mi página,no se ve muy bien,tendría que ir probando,con otros fondos ó imagenes....Seguiré viendo tus ideas,siempre hay algo nuevo que aprender...Chao
No debes preocuparte por nada SAGITARIOXII. Con la ayuda de los tutoriales siempre se aprenden cosas espectaculares.
Desde que necesites cualquier otra cosa no dudes en avisarme.
Hola JAIME!!como estas!!
mi consulta es la siguiente,yo cambie el gadget de seguidores por el nuevo como el que tienes tu,puedo relizar este truco igual o no se puede??
saludos!
C.M
hola Jaime, me encanta tu blog me enseña bastante pero aun asi te cuento: he puesto una imagen en las etiquetas en el blog: http://comentarios-nosotras.blogspot.com/ y me a funcionado y me encanta, pero en el otro he hecho lo mismo http://lomasnueve.blogspot.com/ y no me funciona que habré hecho mal? un saludo y gracias
FILÁ NOSOTRAS, ¿podrías decirme con exactitud el gadget en el que deseas añadir una imagen de fondo?
¿Se trata del menú de navegación?
Gracias por contestarme Jaimen el gadget es el de las etiquetas. un saludo
Filá Nosotras, ¿Pusiste el código de esta forma?...
#Label1 .widget-content{background: url(URL DE TU IMAGEN DE FONDO) no-repeat;}
Si me envías la dirección de la imagen que deseas utilizar te mostraré el código a incluir.
hJaime muy agradecida aqui tienes e, codigo: http://dl.dropbox.com/u/10284059/BLOG%20NOSOTRAS/papelito.png
Filá Nosotras, prueba con este código:
#Label1 .widget-content{background:url("http://dl.dropbox.com/u/10284059/BLOG%20NOSOTRAS/papelito.png") no-repeat scroll center top transparent;}
Si el fondo aparece pero no está en la posición correcta házmelo saber.
siento volverte loco pero tampoco funciona
Filá Nosotras, tan solo puedo pedirte que me envíes la plantilla al correo. De esa forma intentaré dar con una solución.
Accede a Diseño>Edición de HTML y con la plantilla de artilugios expandida, copia todo el código. Pégalo en un documento en blanco de Wordpad o Bloc de notas y envíalo a elbalcondejaime@hotmail.com.
Te responderé lo más rápido posible.