Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Poner fondo a los elementos de la sidebar

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!

joselop44 dice...

Eso está muy bien, pero vamos, yo en el mio no puedo ni poner un contador de visitas, no me deja.
Saludos

Caminodelsur dice...

Jaime, algún día me atreveré a seguir tus instrucciones, graciass mil por todo lo que nos enseñas.


Saludos

Σ=o) Pau dice...

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

Jaime Trujillo Escobedo dice...

joselop44! me alegra que te guste :-D pero por qué no te permite poner cosas?

Jaime Trujillo Escobedo dice...

Caminodelsur! cuándo tu quieras te ayudo en todo lo que quieras poner para tu blog :-D

Abel3D dice...

Hola Jiame, muy bueno, ya lo pondré en práctica, por cierto ya me puse como seguidor de "el balcon", saludos.

joselop44 dice...

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.

César dice...

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.

Darkness dice...

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

Jaime Trujillo Escobedo dice...

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

Jaime Trujillo Escobedo dice...

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

Jaime Trujillo Escobedo dice...

Hola César! cuánt me alegra verte por aquí! :-) me alegra que te guste El Balcón :-D gracias por añadirme! :-)

Jaime Trujillo Escobedo dice...

Hola Darkness! me alegra que te gusten los trucos :-D ahora te cambio la URL :-D

Bulma dice...

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

Jaime Trujillo Escobedo dice...

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! :-)

Gsar Flakita dice...

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 ^^

Birdelo dice...

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 ;).

Jaime Trujillo Escobedo dice...

Hola Gsar Flakita! fueron bien :-D pero hace tiempo que acabaron :-) ahora me paso por tu blog a recoger el lindo premio! :-) un abrazo0te!!!!!!!!

Jaime Trujillo Escobedo dice...

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!!!!! :-)

Abel3D dice...

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.

Jaime Trujillo Escobedo dice...

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! :-)

Abel3D dice...

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.

Jaime Trujillo Escobedo dice...

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!

Abel3D dice...

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.???

Jaime Trujillo Escobedo dice...

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 :-)

Abel3D dice...

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.

Abel3D dice...

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.

Jaime Trujillo Escobedo dice...

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

Jaime Trujillo Escobedo dice...

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

Jaime Trujillo Escobedo dice...

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

Abel3D dice...

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.

Abel3D dice...

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???

Jaime Trujillo Escobedo dice...

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

Julio Herrera Sheil dice...

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!!

Jaime Trujillo Escobedo dice...

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 ^_^

Danae dice...

Gracias. Me ha servido muchisimo tus ayudas.

Jaime Trujillo Escobedo dice...

Danae, me alegra mucho que te hayan servido mis ayudas ^_^

Por cierto, gracias por nombrarme en tu entrada, ¡es un placer poder ayudarte! ☺

Laube dice...

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

Jaime Trujillo Escobedo dice...

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) ;).

Maverick dice...

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) ;
}
]]>

Jaime Trujillo Escobedo dice...

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 ;).

SAGITARIOXII dice...

!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.

Jaime Trujillo Escobedo dice...

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 ;).

SAGITARIOXII dice...

!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

Jaime Trujillo Escobedo dice...

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.

Cocofansclub dice...

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

FILÁ NOSOTRAS dice...

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

Jaime Trujillo Escobedo dice...

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?

FILÁ NOSOTRAS dice...

Gracias por contestarme Jaimen el gadget es el de las etiquetas. un saludo

Jaime Trujillo Escobedo dice...

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.

FILÁ NOSOTRAS dice...

hJaime muy agradecida aqui tienes e, codigo: http://dl.dropbox.com/u/10284059/BLOG%20NOSOTRAS/papelito.png

Jaime Trujillo Escobedo dice...

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.

FILÁ NOSOTRAS dice...

siento volverte loco pero tampoco funciona

Jaime Trujillo Escobedo dice...

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.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo