Cómo enmarcar los widgets de la sidebar en blogger

Es decir
¿cómo poner un recuadro alrededor de todos los gadgets de la barra lateral de tu blog?

Tan sólo tendremos que ir a plantilla > editar HTMLy buscar (con CTRL + F)  ]]></b:skin>Una vez localizado, justo encima insertaremos el siguiente código:.column-right-outer .widget, .column-left-outer .widget {border: 1px solid #ebebeb;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px;margin: 30px 0;}Donde para cambiar el color del marco, sólo tendremos que escribir el código html del que mejor vaya al diseño de nuestro blog donde nosotros hemos puesto #ebebeb.

Para redondear las esquinas de estos recuadros, tendremos que cambiar los valores de -moz-border-radius y -webkit-border-radiusAsimismo, para cambiar la forma entonces en lugar de solid (borde continuo) podemos elegir entre poner, por ejemplo, dotted si queremos una linea de puntos, dashed si queremos una linea de guiones o double si queremos un marco doble.

(fuente: http://htmlparatorpes.blogspot.com.es/2014/01/poner-borde-los-elementos-de-la-sidebar.html)