Cómo agregar el efecto de sombra a la barra lateral de Blogger

Para añadir un efecto de sombra a la barra lateral de las páginas de Blogger, utilice los valores HTML para sobrescribir los los ajustes de la pantalla de su plantilla. El código para esta utiliza la propiedad "box-shadow". Esta propiedad es seguido por el ancho y la altura de la sombra, a continuación, el color que desea utilizar. Dependiendo de la plantilla que utilice, el diseño de un código HTML que puede variar, y puede haber algo de ensayo y error que participan en la búsqueda de la posición correcta para colocar este código. Al colocar el código en el lugar equivocado puede hacer que tu blog ilegibles, a fin de utilizar la función "Vista previa" antes de guardar los cambios.

Instrucciones

1 Abra una nueva ventana del navegador Web e inicie sesión en su cuenta de Blogger. Haga clic en el enlace "Diseño" en la esquina superior derecha. Se muestra la página "Elementos de página".

2 Haga clic en la pestaña "Edición de HTML". Se muestra el formato HTML de la plantilla elegida.

3 Desplazarse por el código HTML para encontrar el código utilizado para determinar la apariencia de la barra lateral. Esto puede formularse de la "barra lateral", "widebar" u otra variación, dependiendo de la plantilla. En el valor por defecto "Vive en el Blog" plantilla, por ejemplo, buscar ".main-interiores .fauxcolumn de derecha exterior." Los atributos de la barra lateral se colocan entre los "{" y "}" entre paréntesis.

4 Haga clic en la pestaña "Template Designer" si no se puede determinar el término que se utiliza para la barra lateral de su plantilla. Haga clic en "Ajustar anchos" en el menú de la izquierda y mirar el ancho utilizado para la "barra lateral derecha" en píxeles. Volver al código HTML y busque el número de píxeles en la tecla "Ctrl-F" y escribir ese número en el campo de búsqueda. El término que se utiliza para la barra lateral aparecerá al lado de este número.

5 Haga clic en el extremo de la línea justo antes del último "}" en el soporte de la sección de la barra lateral y presionar "Enter" para crear una nueva línea. Tipo "box-shadow: 10px 12px # C0C0C0;" en la nueva línea. Sustituir "10" para cambiar el ancho horizontal de la sombra, y "12" para cambiar la anchura vertical, según se desee. Reemplazar "# C0C0C0", que es un color gris claro, con un código de color HTML adecuado para su plantilla.

6 Haga clic en el botón "Vista previa". Una vista previa de los cambios se abre en una nueva ventana del navegador. Haga clic en "Borrar cambios" para descartar los cambios si no está contento con el cambio, o "Guardar plantilla" para mantener el cambio.