Sombras CSS para Entradas de blogger o cualquier área

Hola! Feliz Martes ^^~~

Hoy les voy a mostrar como colocar sombras con CSS, en mi caso las he aplicado en mis entradas, ¿las ven? se ven geniales *-*, pero ustedes pueden usarlas en cualquier área,


Para esto me fui a la siguiente pagina:

http://www.cssmatic.com/es/box-shadow

En ella fui probando cada estilo, y con "Color de fondo" y "Color de la caja" probé como iba quedando (no hace cambio alguno modificar esos valores), una vez que nos guste como queda copiamos el código,

Nos vamos al Editor de plantillas  y en Avanzado elegiremos Agregar CSS,
Y vamos a agregar el siguiente código:

.post-outer { (acá pueden cambiar por cualquier otro código dependiendo donde desean modificar)

Y debajo agregaremos lo que copiamos de la página,  quedará algo asi:

  .post-outer {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

Recuerden que si el código no les funciona (si están editando las entradas, claro ^^) cambien ".post-outer {" por ".post {" o ".date-outer {" Y ahí van probando con cual les funciona, por que esa parte del código cambia según la plantilla que estén usando n.n

Ojala esto les sirva de mucho, cualquiera duda me van comentando por acá  ^^