Personalizar la Lista ordenada o Lista numerada del blog

Para personalizar la Lista ordenada o lista numerada del blog ir

• Plantilla 
• Personalizar
• Diseñador de Plantillas
• Avanzado
• Añadir CSS, en ese recuadro van a añadir el código:

Código CSS

/*Listas numeradas
-------------------*/
.post ol {
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
margin-left: 4em;
padding: 0;
counter-reset: li-counter;
}
.post ol li{
position: relative;
margin-bottom: 10px;
padding-left: 0.5em;
min-height: 3em;
}
.post ol li:before {
position: absolute;
top: 0;
left: -1.33em;
width: 1.2em;
height: 1.2em;
font-size: 20px;
line-height: 1.2;
text-align: center;
color: #f5f5f5;
border: 1px solid #c5c5c5;
border-radius: 50%;
background-color: #2eb9ff;
content: counter(li-counter);
counter-increment: li-counter;
}

Cambiar el color en background-color:
Cambiar el borde redondo en border-radius: