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...).
<div align="center">
CODIGO DEL ELEMENTO
</div>
<div align="left">
CODIGO DEL ELEMENTO
</div>
<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.
Hey Jaime! muy buen codigo me sirvio mucho muchas gracias.
Gaire bo, ja ho vaig en una imatge de meu bloc i funciona.
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).
Gracias por tu opinión, Eugenio. Espero que a partir de ahora tus imágenes se muestren en el lugar deseado.
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?
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...
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
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...)
Pero Jaime, dónde lo tengo que añadir????
Concretamente, ¿Qué deseas alinear, Laube? Con esa información podré indicarte la línea exacta.
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?
Laube, suponiendo que las imágenes han sido incluidas por medio del gadget 'Imagen' ofrecido por blogger, resultará mejor este otro truco.
y como puedo poner en vez de una foto en la misma linea, poner 2 o 3, una al lado de la otra ???
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"/>