Cambiar medida de Imagen

Una pequeña ayuda para mis amigas de la cocina que no saben algunas de las cosas que creo que

os puede ser de utilidad.

Aveces recibimos premios que estan con una medida en concreto por el autor y al copiar la Url para

pegarlo en nuestro blog resulta que esta tiene unas medidas que no coinciden en ocasiones con nuestra 

plantilla o diseño.

Nos ponemos encima de la imagen de la que queremos copiar, (como esa imagen esta ya subida a internet tiene un codigo, el codigo de cada imagen es distinta para cada una ), pues bien 

Picamos botón derecho del ratón y bajamos a donde pone copiar Url de la imagén.

Nos vamos a nuestro blog y editamos para una entrada nueva y de damos a subir foto.

- Este nos da varias opciones

Elegimos la opción de subir por Url y en la barra  en blanco le damos al boton derecho del ratón y bajamos a pegar, se nos pegara la url que teniamos pendiente, cuando salga esa imagen, la añadimos.

Ya con la nueva imagen en la entrada si la picamos nos dira si la queremos centrada, a la izquierda, derecha mas grande , pequeña o mediana.

Aún así las entradas tienen dos formas para meter cosas 

 ( REDACTAR ) o ( HTML) que es la barra superior en el lado izquierdo.

EJEMPLO DE COMO SE VERIA

EN HTML

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh529mqAEqODP4xp6OY8fj_df4UmWwTnnhQd9ecwjt53w5jo2aG89lhE6slaXap03z7OsXc7hB3IZ4tH3SVw02oAOQvCv4zJKSonYrUCv-PazSA2XLfY-P0O5qFDh5n1XZ1JiL-ihCWRhg/s1600/FRUTASCONVINOYVELA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh529mqAEqODP4xp6OY8fj_df4UmWwTnnhQd9ecwjt53w5jo2aG89lhE6slaXap03z7OsXc7hB3IZ4tH3SVw02oAOQvCv4zJKSonYrUCv-PazSA2XLfY-P0O5qFDh5n1XZ1JiL-ihCWRhg/s320/FRUTASCONVINOYVELA.jpg" 

width="200" /></a></div>

<br />

EN REDACTAR

Picamos HTML y la imagen se verá asi con unos codigos.

Intentamos no cambiar nada a ecepción de los numeros rojos que yo pongo ( es un ejemplo de medida pero 

son estas las medidas que teneis que cambiar ), una vez hecho podemos ver como queda dandole a Redactar, veremos que sale la imagen. 

ESTA FOTO TIENE  ESTE CODIGO Y ESTAS MEDIDAS, AHORA YO CAMBIO LO ROJO SIN BORRAR NADA MÁS

<div class="separator" style="clear: both; text-align: left;">

<br /></div>

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SWtjxzLR9enAZ1ALF2HOftsWappFkoTm_VuXrJi5coKqh2TsAGdKXIkI6DIpouckkWqK5LfYvRyLRlmdli2GJaCyHdPT5pyNHtkOYlgaOaeRX-KgSdVLRNYCc3zWZuLeavjvk7cty8k/s1600/FRUTAS++fondo+(2).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SWtjxzLR9enAZ1ALF2HOftsWappFkoTm_VuXrJi5coKqh2TsAGdKXIkI6DIpouckkWqK5LfYvRyLRlmdli2GJaCyHdPT5pyNHtkOYlgaOaeRX-KgSdVLRNYCc3zWZuLeavjvk7cty8k/s320/FRUTAS++fondo+(2).jpg" width="320" /></a></div>

<div class="separator" style="clear: both; text-align: left;">

Y ASÍ QUEDARIA

<div class="separator" style="clear: both; text-align: left;">

<br /></div>

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SWtjxzLR9enAZ1ALF2HOftsWappFkoTm_VuXrJi5coKqh2TsAGdKXIkI6DIpouckkWqK5LfYvRyLRlmdli2GJaCyHdPT5pyNHtkOYlgaOaeRX-KgSdVLRNYCc3zWZuLeavjvk7cty8k/s1600/FRUTAS++fondo+(2).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SWtjxzLR9enAZ1ALF2HOftsWappFkoTm_VuXrJi5coKqh2TsAGdKXIkI6DIpouckkWqK5LfYvRyLRlmdli2GJaCyHdPT5pyNHtkOYlgaOaeRX-KgSdVLRNYCc3zWZuLeavjvk7cty8k/s320/FRUTAS++fondo+(2).jpg" width="200" /></a></div>

<div class="separator" style="clear: both; text-align: left;">

Pues bien si nos parece aceptable y tiene unas medidas proporcionales lo que hacemos es volver a picar en HTML y copiar todo ese codigo y esta entrada no la publicamos si no que la dejamos en borrador dandole a guardar.

Y ahora tenemos un codigo pendiente de pegar donde queramos, en muchos de los blog los pegamos en la barra lateral en gaget, vale pues añadimos gaget

Y pegamos el codigo

Y ya lo tenemos listo

Espero que te halla valido si es así dejame un comentario en esta entrada y vere

si a merecido la pena ayudarte.

Si tienes alguna duda dimelo o quieres saber otra haber si lo se y puedo ayudarte

OTRA CONSULTA