Cambiar las barras de separación por una imagen

Como colocar una imagen (barra o divider) separando cada post.
Yo lo he logrado de esta 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.