Gadget de Archivo personalizado en Blogger

Para añadir este estilo en el gadget Archivo estilo lista en tu blog de blogger

1. Configurar el gadget de Archivo Estilo de Lista
2. Ir a:

• Plantilla
• Personalizar
• Diseñador de Plantillas
• Avanzado
• Añadir Código CSS Personalizado
  
  en el recuadro pegar el siguiente Código:

/*--Estilos del Archivo estilo lista--*/
#BlogArchive1 {
margin: 14px 0;
padding:0;
background: none;/*el color de la caja o contenedor*/
}
#BlogArchive1 h2 {
padding: 5px 5px; /*espacio del titulo*/
margin: 0;
text-align: center;
background: #ddd;
border-bottom: 2px solid #293034;
border-right: 4px solid #293034;
font-size: 14px;
color: #2A1B0A;
text-shadow: 1px 1px 1px #ffffff;
}
#BlogArchive1_ArchiveList ul.flat li {
display: block; /*el bloque*/
width: 222px;
font-size: 12px;
color: #2A1B0A;
padding: 10px !important;/* para ampliar el bloque*/
margin: 0;
text-decoration: none;
text-align: right;
background: none;
transition: all 1.0s linear; /*las transiciones para cada navegador*/
-o-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
border-bottom: 1px dashed #293034;
border-left: 4px solid #293034;
}
#BlogArchive1_ArchiveList ul.flat li a{
text-decoration: none;
color: #2A1B0A;
}
#BlogArchive1_ArchiveList ul.flat li:hover {
background: #eee;
}

Cambiar los valores que están en rojo para personalizar el color.
width: es el ancho del bloque, tendrás que ajustarlo según tu diseño.