Poner Separador de Gadgets

Si queremos separar los gadget en nuestro blog y que queden bien delimitados, tenemos la opción de ponerle un marco, una línea o una imagen.
Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F o CTRL+G el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:

Si usamos una plantilla antigua de blogger y queremos una línea;


.sidebar .widget {
border-bottom:4px solid #610B0B;
padding-bottom:20px;
}


Donde 4px es para el grosor de la línea, #610B0B es para el color.

Si deseamos que el  separador sea una imagen:


.sidebar .widget {

background: url(URL de nuestra imagen)no-repeat 50% 100%;

padding-bottom:60px;

border:0;

}


Si la plantilla está hecha con el diseñador de plantillas de blogger, y queremos una línea:

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

border-bottom:4px solid #610B0B;

padding-bottom:20px;

}


Si deseamos como separador una imagen:


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

background: url(URL de nuestra imagen)no-repeat 50% 100%;

padding-bottom:60px;

border:0;


}

Guardamos cambios y ya esta.