Featured

Poner dos imagenes una al lado de otra en una entrada.

Poner dos imagenes una al lado de otra en una entrada.


Cuando hacemos una entrada en Blogger siempre o casi siempre ponemos una imagen para acompañar la entrada, pero cuando hay que poner do imagenes juntas aquí viene el problema (como ponerlas) Aquí os traigo un sencillo código para poner dos o tres imágenes una al lado de otra,como una mini galería.

Bueno no me enrollo mas y aquí os dejo en código como siempre os digo esta provado y lo podéis ver seguidamente.



Para dos imagenes

<IMG SRC="LINK DE LA IMAGEN 1" WIDTH=90 HEIGHT=180 BORDER=2 hspace=1><IMG SRC="LINK DE LA IMAGEN 2" WIDTH=90 HEIGHT=180 BORDER=2 hspace= 1>

Solo recordaros que lo teneis que instalar en HTLM.

Configuracion

"LINK DE LA IMAGEN 1 y 2"    Aqui van las URL de la imagenes

BORDER=2                             El tamaño del borde del marco, si no quereis marco poner 0

hspace=1                                   El espacio de imagen a imagen

WIDTH=90 HEIGHT=180      El Ancho y el Alto

Si Quereis colocar tres imagenes el código es este.

<IMG SRC="LINK DE LA IMAGEN 1" WIDTH=90 HEIGHT=180 BORDER=2 hspace=1><IMG SRC="LINK DE LA IMAGEN 2" WIDTH=90 HEIGHT=180 BORDER=2 hspace= 1><IMG SRC="LINK DE LA IMAGEN 3" WIDTH=90 HEIGHT=180 BORDER=2 hspace= 1>


La configuracion es la misma

i quereis centrar las imagenes en la pagina teneis que colocar este código delante del primer <IMG

 <center><IMG

 y el cierre despues del ultimo1>

1></center> 

Recordar que en Blogger para que se vean tres imagenes una al lado de otra el maximo de ancho de la imagen tiene que ser de 200px como maximo si no la tercera imagen se colocan en la parte de abajo

Si quereis colocar mas imagenes solo teneis que añadir esta linea detras de las otras sucesibamente.

<IMG SRC="LINK DE LA IMAGEN 2" WIDTH=90 HEIGHT=180 BORDER=2 hspace= 1>

Bueno esto es todo hasta otra.


Fecha:17/02/2017

Publicado por:                               



0 comentarios:

Publicar un comentario