Poner Marcos a Gadgets

Seguramente les ha pasado que nuestros gadgets en nuestro blog, se entremezclany no se logra saber donde termina uno y comienza otro, se puede poner un marco a los mismos para facilitar dicha tarea:
Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F oCTRL+G el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:

Para las plantillas antiguas de blogger:


.sidebar .widget {

border:1px solid #DF0174;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

margin:15px 0;

padding: 10px;
}



Donde 1px es el grosor del borde, #DF0174 es el color del borde, 3px es para redondear las esquinas en caso de que no queramos redondearlas poner el valor a 0px.

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

.column-right-outer .widget, .column-left-outer .widget {

border: 1px solid #DF0174;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

padding:10px;

margin: 10px 0;

}

Guardamos cambios y ya esta.