Cómo cambiar los márgenes Widget en Blogger

Cambie la propiedad HTML / CSS "margen" dentro de la plantilla de Blogger para aumentar o disminuir los márgenes. widgets de Blogger están situados en las barras laterales de tu blog, así que aquí es donde se cambia el código. El "margen" propiedad utiliza los cuatro valores de dirección de arriba, derecha, abajo y de izquierda. Los márgenes se miden en píxeles, abreviado como "píxeles". Utilice Bloc de notas u otro editor de texto para cambiar el código, a continuación, copiarlo en Blogger. Copias de seguridad de su plantilla de Blogger antes de cambiar cualquier código HTML.

Instrucciones

1 Iniciar sesión en su cuenta de Blogger para ir al cuadro de instrumentos.

2 Haga clic en el enlace "Diseño" en el tablero de instrumentos. Haga clic en "Editar HTML" en la pestaña "Diseño" para ir a la página "Editar plantilla".

3 Desplazarse hacia abajo a la ".sidebar. Widget" sección. La codificación es similar a esto:

.sidebar .widget, .main .widget {

border-bottom: 1px punteada $ BorderColor;

margin: 0 0 0 5px;

padding: 0 0 0 5px;

}

4 Cambiar el "0 0 0 5px" junto al "margen" para el valor que desee. Por ejemplo, cambiar el primer "0" a "10px" para aumentar el margen superior; el segundo "0" a "10px" para aumentar el margen derecho; el tercer "0" a "10px" para aumentar el margen inferior; y el "5px" a "0" para disminuir el margen izquierdo.

5 Haga clic en el botón naranja "Guardar plantilla". Ahora, el código es el siguiente:

.sidebar .widget, .main .widget {

border-bottom: 1px punteada $ BorderColor;

margen: 10px 10px 10px 0;

padding: 0 0 0 5px;

}

6 Haga clic en el enlace "Ver blog" para ver el blog con el aumento de los márgenes de widgets.

Consejos y advertencias

• haga clic en la tecla "Ctrl" y "F" al mismo tiempo para tirar hacia arriba el cuadro "Buscar". Escriba el código ".sidebar .widget" para encontrarlo rápidamente dentro de la plantilla HTML grande.