| CÓMO ENMARCAR LAS ENTRADAS Y GADGETS DE UN BLOG |
Algunas veces las plantillas suelen ser muy "planas" y nos hacen sentir como que los gadgets o las entradas se pierden entre ellos mismos pues no se distingue dónde empiezan y dónde acaban.
Así que una opción para delimitar los espacios de éstos es enmarcar las entradas y gadgets del blog y así definir cada uno con un borde. Por supuesto que podemos elegir si se lo aplicamos sólo a las entradas, o únicamente a los gadgets. Haremos que las entradas y los gadgets se vean más o menos como la imagen que se ve al comienzo de este post.
Aquí veremos cómo enmarcar entradas y gadgets en plantillas "antiguas" de Blogger, yo uso la Mínima. Para ello primeramente nos vamos a Plantilla / Editar HTML.
Antes de ]]></b:skin> agrega los siguientes bloques de código:
.post {
border:1px solid #000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.main .post {margin:20px 0; padding:15px;}
.sidebar .widget {
border:1px solid #000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
margin:15px 0;
padding: 10px;
}
.footer .widget {
border:1px solid #000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
margin:15px 0;
padding: 10px;
}
| El primer bloque corresponde a los bordes de las entradas, el segundo bloque a los bordes de los gadgets de la sidebar, y el tercer bloque a los gadgets del footer. Si no quieres aplicar el enmarcado a una de estas áreas, solo elimina el bloque que le corresponde. El tamaño, tipo y color del borde se puede modificar en las líneas de código 2. También se pueden hacer los bordes redondeados, modificando los píxeles de las líneas de código 3, 4 y 5; por unos más altos, por ejemplo 10 px, entre más alto sea el valor más redondeadas serán las esquinas. Es bueno acotar, que quizás tenga que modificar la separación del borde, pues en algunos casos podrá quedar muy pegado al contenido. Esa separación se modifica con la propiedad padding que aparece en los estilos. Y en el caso de la distancia entre gadget y gadget; o entrada y entrada, eso se controla con el margin, el primer valor es el margen superior e inferior, y el segundo valor es el margen izquierdo y derecho. Si desean también pueden aumentar un color de fondo para las entradas y los gadgets, para ello solo deben aumentar el atributo background:#000 y utilizar el color de su preferencia. Este método es únicamente para plantillas oficiales de Blogger basadas en la Mínima, para cualquier otra plantilla personalizada, les recomiendo que contacten con el autor de su plantilla para preguntar sobre el procedimiento. |
