Insertar imagenes en las entradas

Usando el editor de Blogger se pueden subir imágenes de manera fácil haciendo click en el ícono de Inserción de imagen. [Icono que está despues de "Enlace"]



Las imágenes que se deseen añadir al post se pueden cargar desde el disco duro o insertando una URL válida donde esté alojada la imagen.
Todas las imágenes que se carguen desde otros sitios web serán realojadas por un administrador del blog para evitar el mal uso del hotlinking.

Adicionalmente se pueden agregar ciertos estilos adicionales de diseño de las imágenes (tamaño y posicionamiento).

Añadir estilo modal en las imágenes
El blog emplea librerias especiales para lograr efectos de diseño. Uno de ellos es la posibilidad de mostrar contenidos en ventanas modales, como sucede por ejemplo en la sección de juegos.
El sistema llamado Lightwindow se puede utilizar para mostrar imágenes de la siguiente manera:

Una vez la imagen sea añadida a la publicación haga click en la Edición HTML y localize el código de la imagen que tiene una estructura similar a esta:

<div class='separator' style='/* estilos en css */'><a href='URL_imagen_original' style='/* estilos en css */' imageanchor='1'><img src='URL_imagen_reducida' /></a></div>
Y añada justo antes del atributo href lo siguiente:

class='lightwindow'
De tal manera que quede así el código HTML de la imagen insertada:

<div class='separator' style=''><a class='lightwindow' href='URL_imagen_original' style imageanchor='1'><img src='URL_imagen_reducida' /></a></div>
 
Ir a la parte superior de la página