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.

Bella caja de texto

Hacía tiempo que no publicaba un truco para personalizar un poco más las entradas del blog.

Tuve la idea de crear una elegante caja de texto en la que se pudiese remarcar cualquier contenido, noticia, código...



Para llevarla a tu blog sigue estos pasos:


Diseño>Edición de HTML>expandimos artilugios




Busca la etiqueta ]]></b:skin> y encima añade este bloque de CSS para dar estilo a la caja:

#bellacajabalcon{
margin-top: 6px;
margin-bottom: 6px;
padding: 6px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUXwVYVGoKXXxzJ2eC4j7ln9FuCxSj1VRBbrAoVcXpt_rq22cCokjEr3kQ21bBRok5yLtP_0YdloiUVdarrcba5YG5mr2TdAq53b0zvR6zCrmdSDoDcdGcpyiH9ej44sxou4kKEj9lZwA/s1600-r/cajabalcon.png) repeat scroll 0 0;
color: #ffffff;
border: 4px solid #cccccc;
}

Para editar el borde (definido en la última línea del bloque) necesitas saber lo siguiente:

4px: es el grosor. Aumenta o disminuye el valor para personalizarlo.

solid: es el estilo de borde. Puedes utilizar otros modelos, como dashed o dotted [+].

#cccccc: es el color (en este caso, gris). Cámbialo por tu tonalidad favorita usando la tabla de colores.

Una vez terminado, guarda la plantilla:




Ahora, para insertar la caja de texto con cualquier cosa en su interior, ve a una entrada cualquiera.

Pega este código:

<div id="bellacajabalcon">AQUI EL TEXTO O CODIGO</div>

Y sustituye AQUI EL TEXTO O CODIGO por el contenido de la caja.

Nota:

Para no tener que copiar y pegar el código de la caja en tu blog cada vez que quieras usarla, introdúcelo en la plantilla de entrada que nos ofrece blogger [+].

mikamy dice...

muy bonito, felicidades, creo que lo tendre presente....

Nieves dice...

Ya sabes que no suelo dejarte muchos comentarios, pero eso no quiere decir que no te siga, leo todas tus entradas y he aprendido un montón sobre este mundo gracias a tí. Ahora quiero desearte unas felices fiestas y un año nuevo que colme todas tus ilusiones.

Un beso

Jaime Trujillo Escobedo dice...

Gracias tiernita! Ten en cuenta que también podrás cambiar la imagen de fondo (sustituyendo http://2.bp.blogspot.com/_blABMJBbYJs/Syk9zC1WSrI/AAAAAAAAHh4/lMWP6ghe1cs/S1600-R/cajabalcon.png por la URL de tu imagen).

Jaime Trujillo Escobedo dice...

¡Nieves, que alegría! por supuesto que se que me sigues (te tengo entre mis seguidores!), sobre todo al ver tu blog... con todas esas cosas recetas tan deliciosas.

Creo que nos pasa algo similar. Yo también suelo leerte (la receta de lomo gratinado al queso estaba de muerte) aunque no comente amenudo.

Te deseo a tí también una bella Navidad, rodeada de amigos y familiares pasándolo estupendamente, así como un próspero año nuevo.

Laube Leal dice...

Un recuadro muy chulo, Jaime... Lo que no aprendamos contigo...

Jaime Trujillo Escobedo dice...

¡Laube! jajajaja me alegra mucho que te guste ;).

Anónimo dice...

En lo que veo tu usas ese truco para los codigos o no?.

Jaime Trujillo Escobedo dice...

Exácto wwe-cv, lo único que cambia es el color del borde y la imagen de fondo.

*//////* dice...

Jaime: La cajita me encanta. ¿Como podría crear una caja pero con un fondo en azul? :)

*//////* dice...

Ahhh ¡Ya sé!
Si quiero ponerle una imagen de fondo, en tonos azules:
1) Puede ser que aloje en una entrada en mi blog de prueba una imagen con fondo azul que me guste, publico esa entrada (que no está abierta al publico, sino que es un blog privado solo para mi;) y utilizo esa dirección que me da al publicar entrada? Me sirve eso?
2) O bien puedo subir una imagen que me guste a imageshack. Utilizo la URL que me dan.
3) O bien, en alguna que esté ya alojada, busco en imágenes en google y utilizo la URL.
¿Es así? :)

Espero tu respuesta.

Besotes !!!!!

Jaime Trujillo Escobedo dice...

María Rosa, si vas a utilizar blogger para alojar una imagen puedes hacerlo de dos formas:

1- Como bien dices, subir una imagen con el editor de entradas y publicar la entrada para después obtener su URL.

2- Subir la imagen con el gadget de imagen que después colocarás en la sidebar (barra lateral), por lo que no necesitarás publicar una entrada.

En cuanto a imageshack, no te lo recomiendo. Estos servicios, a pesar de ser muy buenos, no son aconsejables para alojar imágenes que forman parte del diseño del blog ya que éstas tienen "fecha de caducidad" provocada por un límite de alojamiento (como sucede también con Tinypic).

Por lo tanto, blogger es el sitio más aconsejable.

Copiar la URL de una imagen que aparece en internet (ya sea una web, un blog, un foro, google...) no es bueno, ya que estarás haciendo hotlinking.

Esto se basa en que, al copiar la URL de la imagen y publicarla así en tu sitio web, haces que el tiempo de carga (tanto el de tu blog como el del autor de la imagen) se prolongue.

Con hotlinking también corres el riesgo de perder la imagen (si el autor la elimina de su blog / web, la tuya también desaparecerá porque comparte la misma URL).

¡Abrazos!

*//////* dice...

Jaime :)

Esto lo pensé: "Con hotlinking también corres el riesgo de perder la imagen (si el autor la elimina de su blog / web, la tuya también desaparecerá porque comparte la misma URL)." Tal cual, al instante que te lo escribía pensaba lo mismo.

Con lo de imageshck ya me ha pasado. Con todos esos botones que he creado para mi sidebar, cada tanto desaparecen y tengo que volver a subirlos en ese hosting y volver a copiar la dirección nueva :(


Creo que lo mas facil es subirlo en mi blog de pruebas como gadget (lo que me explicaste en el punto 2)

Esto me sirve también para arreglar los botones de mi otro blog? Es decir, en lugar de tenerlos en imageshck, los alojos como gadget en mi blog de pruebas, copio la URL y la utilizo en mi blog original ¿entendí bien?

Jaime Trujillo Escobedo dice...

Maria Rosa, en cuanto a lo del fondo azul, te dejo con este sitio web en el que encontrarás una inmensa variedad de imágenes.

Jaime Trujillo Escobedo dice...

Maria Rosa, lo entendiste perfectamente. Al alojar todas esas imágenes en tu otro blog no tendrás que preocuparte por ellas ni las perderás (al no ser que las elimines tú misma) :D.

Joan Irazu dice...

eey muy buena pero puse todo hice los pasos y no me salio, y lo hice con un como una clase y PERFECT me salio gracias por ti, me gusto :) pasate http://myestilodeyo.blogspot.com

Jaime Trujillo Escobedo dice...

Me alegro mucho, CHiCken. También veo que integraste el menú Green Bubble y te quedó de perlas ;).

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