Imágenes en Blogger ¿tamaño original?

Muchos lo preguntan y todos lo queremos saber.
¿Hay forma de añadir imágenes en Blogger y que se muestren en su tamaño original?
La respuesta es SI pero cuidado, puedes añadir cualquier tamaño pero no superior al espacio de las entradas de tu blog.
En algunas plantillas la medida de las entradas viene reflejado de la siguiente forma:
El espacio que nuestra plantilla tiene para los post es el width que trae establecido en main.
Pongamos por ejemplo que tenemos una plantilla Minima modificada con la idea de añadir grandes fotografías en main-wrapper tiene de ancho 780 (width:780px;) subimos una imagen a una entrada y nos proporciona un código más o menos así:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://xxx/s1600-h/nombre.jpg"><img style="cursor: pointer; width: 400px; height: 320px;" src="http://xxx/s400/nombre.jpg" alt="" id="BLOGGER_PHOTO_ID_xxx00290" border="0" /></a>

Escogiendo el tamaño grande nos mostraría una imagen de 400px × 320px para que esa imagen se mostrara en su tamaño original 640px × 512px lo que haríamos sería eliminar todo lo de color rojo (enlace que nos abre la imagen en una nueva ventana) y conservar la parte en azul. En esa parte resaltada en negrita (400) omitimos el 4 y en su lugar añadimos 0 quedaría así:

<img style="cursor: pointer; width: 400px; height: 320px;" src="http://xxx/s000/nombre.jpg" alt="" id="BLOGGER_PHOTO_ID_xxx00290" border="0" />
Con ese cambio mostramos una imagen de 640px × 512px.

Muchos tenemos la costumbre de acceder al blog por Blogger in draft en este caso el código de una imagen sería distinto aunque referente al tamaño el resultado es el mismo:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://xxx/s1600-h/nombre.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://xxx/s400/nombre.jpg" /></a></div>

Desechamos la parte en color rojo, y conservamos la azul y verde, esta última es para la ubicación de la imagen si eliminamos el color verde la imagen se situará a la izquierda pero no es problema porque situándose en la pestaña Redactar podemos arrastrar la imagen.

Otro ejemplo adaptado a esta entrada. Mi plantilla tiene de main-wrapper width:510px quiero añadir una imagen y escojo la opción grande (400)

Pienso que la quiero mostrar en su tamaño original (500px×333px)no es mucha la diferencia pero puede hacerse así que donde dice /s400/ lo cambio por /s000/ el resultado sería la imagen en su tamaño original


Lo único a tener en cuenta es no intentar subir una imagen de tamaño superior al espacio de nuestras entradas porque seguramente desplazaría nuestra sidebar situándola al final de las entradas.


0 comentarios:

Publicar un comentario