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.

Descripción en las imágenes del blog (II)

En la entrada anterior aprendimos a instalar un marco para las imágenes del blog en el que podíamos escribir una frase para describir la fotografía.

Para realizarlo, era necesario acceder a la plantilla, encontrar una etiqueta específica y agregar un bloque de CSS que daría el estilo necesario al recuadro. Pero con este otro truco tan solo necesitaremos pegar el código en la entrada, sin necesidad de editar la plantilla.

Lo primero que debes hacer es subir la imagen que deseas describir. Puedes utilizar un servicio de alojamiento gratuito o simplemente subir la imagen a blogger [+] y copiar su URL [+].

Una vez tengas la imagen, accede a una entrada cualquiera y, en el modo "Edición de HTML", inserta el código que te muestro a continuación:

Descripción en las imágenes del blog en blogger (II)


Código:

<table cellspacing="0" cellpadding="0" align="center" style="background: #ccc; margin-left: auto; margin-right: auto; text-align: center;" class="tr-caption-container"><tbody>
<tr><td style="text-align: center;"><a style="margin-left: auto; margin-right: auto;" imageanchor="1"><img src="URL DE LA IMAGEN"/></a></td></tr>
<tr><td style="color: #000; text-align: center;" class="tr-caption">AQUI LA DESCRIPCION</td></tr>
</tbody></table>

Sustituye URL DE LA IMAGEN con la dirección de la imagen que previamente alojaste.

La frase que describirá la fotografía debe incluirse en donde dice AQUI LA DESCRIPCION (borrando eso antes).

Finalmente publica la entrada.

Modificar el recuadro

Si no editas el código, tu imagen con descripción tendrá este aspecto...


Descripción en las imágenes del blog en blogger(II)


Cambiar el color de fondo o el color del texto es muy sencillo y podrás hacerlo con las siguientes instrucciones:

background: #ccc; (en la primera línea) representa el color de fondo (gris). Puedes cambiarlo editando el valor hexadecimal -#ccc- e insertando cualquier otro color que encontrarás en la tabla de colores.

color: #000; (en la octaba línea) representa el color del texto de la descripción. Cambia #000 (negro) por tu color favorito.

El recuadro aparecerá "por defecto" de forma centrada. Para alinearlo a la izquierda, cambia el término center por left. En caso de querer alinearlo a la izquierda, utiliza right.

Nota:
Para no estar copiando el código cada vez que desees describir una imagen, haz uso de la plantilla de entrada que ofrece blogger.

Carina dice...

No sabes lo que te agradesco este truco. Gracias por enseñar como personalizarlo porque es lo mas importante. ¡Sigue asi porfavor!

Jaime Trujillo Escobedo dice...

Muchas gracias pot tu comentario, Carina y espero no cambiar núnca.

¡Abrazos!

Gabriel™ dice...

SOS LO MAS GROSO QUE EH VISTO LOCO
SIEMPRE E VISITADO MUCHOS BLOGS DE AYUDA PERO ESTE ME CONVENCIÒ AL MAXIMO Y LO VOY A TENER EN CUENTA PARA CREAR MI WEB...
MUCHAS GRACIAS

Jaime Trujillo Escobedo dice...

¡Gracias Gabriel! Espero que mis artículos te ayuden a construir el blog que deseas.

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