Hace poco tiempo que le puse atención a la opción que nos da blogger para expandir las imágenes que subimos a nuestros artículos, a que me refiero, cuando subimos una imagen a una entrada y pasamos el cursor por encima de la imagen nos da la opción de expandirla a su tamaño real con un solo click. A la siguiente imagen le he quitado la opción de expandir que blogger nos da por defecto.
Para los que quieren quitar la opción poco estética que tiene blogger para expandir las imágenes que subimos a nuestros posts, primero subimos nuestra imagen, luego le damos el tamaño que queremos que tenga, blogger nos da 4 opciones de tamaño Pequeño - Mediano - Grande - Extra grande le asignamos el tamaño que creemos que es el adecuado para nuestro post. Una vez subida la imagen, blogger nos genera un código que lo podemos ver en nuestra entrada pulsando la pestaña Edición de HTML en el editor de entradas. El código es algo así:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/_NLc4Yqfs/Tx_XRI/AB2A/eyq5_2zkJ0/s1600/images.jpg" imageanchor="1"><img border="0" height="132" src="http://1.bp.blogspot.com/_NL4Yqfs/TFlv3hf_XRI/AAB2A/eyq5_2zkJ0/s200/images.jpg" width="200" /></a></div>
<a href="http://1.bp.blogspot.com/_NLc4Yqfs/Tx_XRI/AB2A/eyq5_2zkJ0/s1600/images.jpg" imageanchor="1"><img border="0" height="132" src="http://1.bp.blogspot.com/_NL4Yqfs/TFlv3hf_XRI/AAB2A/eyq5_2zkJ0/s200/images.jpg" width="200" /></a></div>
Si se fijan hay dos URL de la misma imagen que hemos subido, la primera URL es la imagen en tamaño original, y la segunda Url es la imagen en el tamaño que le hemos asignado. Ahora si queremos que se muestre solo la segunda Url ósea la imagen en el tamaño que le hemos asignado y que no tenga la opción de expandir, borramos lo que está en color rojo, entonces el código quedaría así:
<img src="http://1.bp.blogspot.com/_NLR4Y3Vhf134_XRI/AB2A/eyq5_2zkJ0/s200/images.jpg" width="200" /></div>
De esta manera la imagen se verá sin la opción de expandir poco estética de blogger. Para comprobarlo pasa el cursor por encima de tu imagen. También puede que te interese cómo agregar el atributo alt a las imágenes de los post.
2 comentarios:
Hola, estoy modificando una plantilla, el problema q tengo es que las imagenes me salen con una url mucho mas alrededor de la imagen creo q la url ocupa todo el ancho de la entrada o sea del post y eso no me gusta, por defecto la plantilla viene asi coo hago para eliminarla eso y que me salga la url normal en la imagen sin necesidad de salirse de ella. Gracias de antemano.
FullJ@ckiePt, realmente no entiendo que quieres decir, si puedes ser más explicito podrá ayudarte. Saludos!
Quieres Comentar
Todos los comentarios están siendo leídos y moderados.
- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible
¿NO PUEDES COMENTAR?
¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!
NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS