Cómo poner sombra a una imagen en blogger

Blogger por defecto suele poner en las imágenes que publicamos en los blogs una sombra y un contorno blanco alrededor de ellas. Ya explicamos en un post anterior como quitar ese efecto (ver enlace más abajo si lo que quieres es quitar las sombras)

Cómo he tenido algunos comentarios preguntando si se puede aplicar ese efecto sólo para algunas de las fotos he buscado una solución que puede que os sirva. 

¿Cómo poner sombra a algunas de las imágenes de blogger?

Si lo que quieres es que sólo algunas de las fotos que subes al blog mantengan ese efecto de sombra tienes que aplicarles un estilo css
Cómo yo tengo modificado el blog para que me salgan las imágenes por defecto sin sombra en esta imagen no he hecho nada.

Cómo poner efecto de sombra a una imagen 

Paso 1

Nota: Este paso sólo lo hacemos una vez en el blog
Copia y pega el siguientes código en Plantilla/ Personalizar/ Avanzado/ Añadir CSS

#sombraimg{
   -webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
  -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
   box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
}

Paso 2

El siguiente paso es poner  dentro de la etiqueta de cada imagen a la que queremos añadir el efecto id=’sombraimg’
Nota: Este paso lo hacemos en cada imagen en la que queremos añadir una sombra

Vamos a la entrada del post donde tenemos la imagen a la que queremos añadir el efecto sombra, en el post tienes arriba un botón donde pone html, buscamos la imagen, para ello puedes usar la opción de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.

Una vez localizada la imagen, en mi caso la de abajo añadimos el id
<img  id=’sombraimg’ border=”0″ src=”https://www.euroresidentes.com/tecnologia/trucos-diseno-web/wp-content/uploads/sites/7/2014/10/foto_con_sombra1.png” />
Espero que os sirva de solución. Gracias Lidia por tu ayuda 😀
Happy day :)
Tema relacionado: 

3 Respuestas

  1. oscar moreno mendez 3 años ago

Añadir Comentario