10 sept 2012

Alinear imágenes - Blogger

En Blogger podemos alinear las imágenes de tres formas sin tener que tocar el código HTML, lo veremos con un ejemplo, completamos el texto con un texto de relleno, como puede ser el Lorem ipsum:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum luctus placerat. Nulla eu nulla et velit ultrices sollicitudin. Quisque ipsum mi, congue vel pretium quis, cursus in leo. Fusce suscipit lobortis felis id egestas. Nunc tincidunt sollicitudin elementum. Suspendisse consectetur dignissim tortor, a lacinia nulla tempus ut. Cras hendrerit leo ut ligula dapibus id auctor ante dictum. Ut porta rutrum massa, quis molestie erat ultrices eget. Nam neque urna, commodo ullamcorper ullamcorper et, condimentum sit amet risus. 

Imagen alineada en el centro.

Aliquam cursus urna non justo iaculis vitae tempor risus ornare. Duis mollis egestas vehicula.

Imagen alineada a la izquierda.
Nam eu mauris nunc, id mollis eros. Integer et porta tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras iaculis magna id arcu dapibus iaculis. Quisque sapien dui, commodo scelerisque consectetur et, imperdiet id velit. Maecenas nec tellus lacus. Vivamus posuere varius bibendum. Nullam elit augue, tincidunt nec iaculis eget, blandit non orci. Aenean vulputate lobortis purus non molestie.


Nam volutpat euismod elementum. Donec ultrices fermentum cursus. Nullam ultrices dolor eu nunc varius blandit.

Imagen alineada a la derecha

In vehicula aliquam viverra. Cras at erat id lectus bibendum feugiat nec eget sem. Nullam in augue augue, malesuada ullamcorper metus. Nulla sem augue, tincidunt eu luctus at, vulputate nec arcu. Cras faucibus consequat tortor, in vestibulum odio gravida sed. Vivamus ut iaculis ante. Fusce a odio vitae dui rutrum vulputate non eget ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac dui enim. Praesent at sapien velit, venenatis auctor diam. Nulla dolor diam, luctus sit amet tincidunt id, varius ut nibh. Nam varius facilisis condimentum. Maecenas porttitor, magna pellentesque tincidunt accumsan, arcu urna iaculis urna, sed mollis eros dolor in turpis. Vivamus accumsan, urna et rhoncus viverra, ipsum urna lacinia risus, sed sodales mauris nisl eu ipsum. Maecenas tellus purus, interdum sed pellentesque a, convallis at nulla.


Vistos los ejemplos anteriores procedemos a enseñar la técnica, es muy sencillo, primero hacemos los pasos necesarios para insertar una imagen en Blogger, (podéis ver los tutoriales anteriores de inserción de imágenes: desde Picasa, desde una Web o desde Wikimedia Commons).



Después es tan sencillo como hacer clic sobre la imagen y en el cuadro adicional que se nos abre en ese momento seleccionar la opción de alineación adecuada: centro, derecha o izquierda.



No hay comentarios:

Publicar un comentario