Hace tiempo me preguntaron cómo había conseguido que en mi sidebar cada elemento se mostrase como un bloque individual, por eso voy a tratar de explicar lo mejor posible cómo conseguirlo, aunque con la variante que también explicaré cómo hacerlo con cada post (entrada). Sin duda es una buena opción para mejorar el diseño de nuestros queridos blogspot.
1. Enmarcar post (entradas) por separado en Blogger.
1) Ves a Diseño
2) Edición de HTML
3) Busca el código .post { (teclea Ctrl + F para buscar más rápido)
4) Debajo de él pega lo siguiente:
border:1px solid black;
}
.main .post { margin:0 0 1.5em;padding:0 0 1.5em; padding: 10px; }
La primera línea de border hace referencia al borde que recorrerá cada entrada individual. Si quieres más información sobre los bordes puedes visitar la siguiente entrada: Bordes en Blogger.
Padding es la separación o distancia que habrá entre el borde y el comienzo del texto. Margin es la distancia de separación entre el borde y la parte exterior del elemento. Cambia los valores de padding y margin según tus necesidades y la estructura de tu blog. Cada plantilla de Blogger es un mundo. Si te quedan dudas fíjate en esta imagen extraída de comocreartuweb.
5) Por último clica en vista previa y si todo está bien, guarda tu plantilla.
2. Enmarcar gadgets (widgets) de la sidebar por separado en Blogger.
1) Ves a Diseño
2) Edición de HTML
3) Busca el código .sidebar .widget, (teclea Ctrl + F para buscar más rápido)
4) Debajo de él pega lo siguiente:
.main .widget {
border:1px solid black;
margin:0 0 1.5em;
padding: 10px;
}
Es decir, al final debería quedarte algo así:
.sidebar .widget,
.main .widget {
border:1px solid black;
margin:0 0 1.5em;
padding: 10px;
}
Para modificarlo, te servirá lo mismo que comenté en la explicación de cómo enmarcar las entradas por separado.
5) Clica en vista previa, y si no hay ningún fallo guarda tu plantilla.
Espero que estos dos trucos para Blogger te hayan servido para decorar y diseñar aún más tu blogspot.
