Iconos en el elemento de Archivos

BrianERC me consulta en un comentario como colocar un icono en el elemento "Archivos" tal como ha visto en otro blog.
Hace tiempo había explicado en otra entrada como eliminar o sustituir por un icono el ▼ del elemento "Archivos".

Lo que haremos ahora es mostrar un icono antes y después de ▼ tal como BrianERC me solicita.


[1] En primer lugar tenemos que añadir un nuevo elemento "Archivo" a nuestra sidebar y escoger mostrarlo en opción "Jerarquía" (eso se hace en las opciones que Blogger nos proporciona al añadir el elemento).

[2] Colocamos unas líneas de CSS en nuestra plantilla "Edición HTML" sin expandir artilugios, como siempre digo, lo mejor para no equivocarse es hacerlo antes de ]]></b:skin>:

#ArchiveList ul li a{
padding-left: 20px;
padding-top: 5px;
background: url(url_de_nuestro_icono) center left no-repeat;
}

[3] Usamos la vista previa y si todo está bien, guardamos los cambios.