Poner marcos a entradas

Hay veces que cuando se entra en algunos blog, da la sensación de que todo está muy lineal y poco marcado, que se entremezclan gadget, con contenidos de entradas etc, no hay una delimitación clara, para que esto no sea un problema vamos a buscarle una solución, solo con cambiar un poco el código html, en este blog podemos ver como queda la entrada enmarcada en azul, con bordes redondeados y un fondo en azul pálido.
Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:

Para las plantillas antiguas de blogger:

.post {

border:1px solid #0404B4;

background:#E0ECF8;

border-radius:6px;

-moz-border-radius:6px;

-webkit-border-radius:6px;

}

.main .post {margin:20px 0; padding:15px;}

Donde 1px es el grosor del borde, #0404B4 es el color del borde, #E0ECF8 es el color del fondo del recuadro, 6px es para redondear las esquinas en caso de que no queramos redondearlas poner el valor a 0px, margin:20px y  para dejar los márgenes.

Para plantillas hechas con el diseñador de plantillas de blogger:

.post-outer {
border:1px solid #0404B4;
background:#E0ECF8;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:15px;
margin: 20px 0;

}

Para saber cual es el color hexadecimal que más se ajusta al diseño de nuestro blog, y modificarlo en el código anterior, podemos consultar la tabla de códigos hexadecimales.
Tambien nos pueden interesar las entradas:

Poner separador de entradas.
Poner marco a gadgets.
Poner separador de gadgets.