Cómo agregar una gota de sombra en Blogger

Una gota de sombra crea un borde sombreado alrededor de una imagen en una página Web. Si usted tiene un blog de Blogger que desea añadir sombras, puede insertar una cadena de código CSS en la plantilla XML Blogger. Una vez que actualice la plantilla, todas las imágenes en el blog aparecerán con una gota de sombra alrededor de ellos. Si cambia de opinión, puede quitar la sombra paralela eliminando los cambios realizados en la plantilla.

Instrucciones

1 Abra su navegador Web y visite Blogger.com. Ingrese a su cuenta de Blogger.

2 Haga clic en "Diseño" al lado del blog en el que desea agregar la sombra paralela en Blogger.

3 Haga clic en "Editar HTML", y colocar una marca junto a "Expandir plantillas de artilugios".

4 Pulse la tecla "Ctrl" y "F" en el teclado al mismo tiempo para que aparezca la opción Buscar para su navegador. Escriba el siguiente código para localizarlo en la plantilla XML Blogger:

.post img

5 Agregue el siguiente código directamente entre la apertura ".post img {" etiqueta y cierre "}" símbolo:

padding: 1px 1px 1px 1px;
border: none;
fondo: #ffffff;
text-align: center;
-moz-box-shadow: 1px 3px 5px # 666;
webkit-box-shadow: 1px 3px 5px # 666;

6 Haga clic en "Guardar plantilla", a continuación, haga clic en "Ver blog" para ver los cambios realizados en su blog de Blogger.