Cambiar las barras de separación por una imagen

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

En un post del blog de Gem@ se explica, de dos formas distintas, como colocar una imagen (barra o divider) separando cada post.
Yo lo he logrado de otra manera:

1- Situate en Plantilla, edición HTML

2- Busca el siguiente código:
post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em; }

3- Cambia esta parte: border-bottom:1px dotted $bordercolor; por esta otra background:url("http://URL DE TU IMAGEN") no-repeat bottom left;

Quedaría así:

.post {
margin:.5em 0 1.5em;
background:url("http://URL DE TU IMAGEN")
no-repeat bottom left;
padding-bottom:1.5em; }

De la misma manera he sustituido la barra de separación en la sidebar por una imagen:

Buscas este código en tu plantilla - HTML:

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Y lo sustituyes por este:

.sidebar .widget, .main .widget { background:url("http://URL DE TU IMAGEN")
no-repeat bottom left;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Tienes que cambiar la url (dirección) "URL DE TU IMAGEN" por la de tu barra.

No necesitas haber eliminado antes la barra que viene en Blogger, al hacer esto se elimina automáticamente, dando paso a la imagen.