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.

Alinear contenido en el blog: elementos y gadgets

Cómo alinear elementos o gadgets del blog, ya sea para centrarlos o situarlos en un lado en particular es algo que muchos usuarios desconocen.

La mayoría de las plantillas que utilizamos en blogger alinean el contenido por defecto hacia la izquierda, pero con unas líneas podemos modificarlo.

Haremos uso de un contenedor div al que asignaremos el atributo align, que determinará la alineación del elemento (imágenes, vídeos, texto...).

Centrar
tucan

<div align="center">
CODIGO DEL ELEMENTO
</div>

Alinear a la izquierda
tucan

<div align="left">
CODIGO DEL ELEMENTO
</div>

Alinear a la derecha
tucan

<div align="right">
CODIGO DEL ELEMENTO
</div>

Reemplaza en cada caso CODIGO DEL ELEMENTO por el código del elemento que deseas alinear, ya sea algo que se encuentre en un gadget o en una entrada.

Fer Amaro dice...

Hey Jaime! muy buen codigo me sirvio mucho muchas gracias.

Eugenio dice...

Gaire bo, ja ho vaig en una imatge de meu bloc i funciona.

Jaime Trujillo Escobedo dice...

Me alegra Fer Amaro. Yo diría que es algo fundamental dado que gran parte de nuestra plantilla se compone por elementos a los que debemos atribuir una posición (imágenes por ejemplo).

Jaime Trujillo Escobedo dice...

Gracias por tu opinión, Eugenio. Espero que a partir de ahora tus imágenes se muestren en el lugar deseado.

Ori♥ dice...

Hola,mira,si eso se trata de las imagenes hay una maneras mas facil,que es poner la foto y luego le das clic(todo esto es en el creador de entradas)y figura,eliminar,los tamaños y en el centro figura CENTRAR,ALINEAR A LA IZQUIENDA Y ALINEAR A LA DERECHA
No es mas facil asi?

Jaime Trujillo Escobedo dice...

Por supuesto Ori, siempre y cuando la imagen se encuentre en una entrada y estemos usando el nuevo editor de entradas de blogger. ¿Cómo alinearíamos una foto que se encuentra en un gadget html-javascript o en el código de la plantilla?

Este atributo no solo funcionará con una imagen sino que también puede usarse para un reproductor de música, un párrafo de texto, un vídeo...

Laube dice...

En los gadget html, sé hacerlo con un truco que ya explicaste hace tiempo; pero en este caso, comentas para imágenes en los gadgets, ¿no?. Entiendo lo que dices, pero, exactamente en qué bloque de la plantilla reseñamos esos códigos?.
Graciasssssssssssss

Jaime Trujillo Escobedo dice...

Laube, estas líneas no solo pueden utilizarse con imágenes. Servirá para alinear cualquier elemento de un gadget html-javascript (como un buscador o una lista de enlaces) así como para utilizarse en el HTML de la plantilla (para ventanas de aviso, para un logotipo de la cabecera, para un menú o barra de navegación...)

Laube dice...

Pero Jaime, dónde lo tengo que añadir????

Jaime Trujillo Escobedo dice...

Concretamente, ¿Qué deseas alinear, Laube? Con esa información podré indicarte la línea exacta.

Laube dice...

Pues, sobre todo, las imágenes de la barra lateral, centrarlas. Los gadgets html los sé alinear, pero las imágenes no... Supongo que debo entrar en la plantilla, no?

Jaime Trujillo Escobedo dice...

Laube, suponiendo que las imágenes han sido incluidas por medio del gadget 'Imagen' ofrecido por blogger, resultará mejor este otro truco.

infozapzap@gmail.com dice...

y como puedo poner en vez de una foto en la misma linea, poner 2 o 3, una al lado de la otra ???

Jaime Trujillo Escobedo dice...

Para alinear imágenes en una 'tira' simplemente necesitas repetir el código de la imagen sin utilizar espacios o saltos de línea:

<img style="margin-right:8px;" src="URL IMAGEN"/><img style="margin-right:8px;" src="URL IMAGEN"/><img src="URL IMAGEN"/>

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