Personalizar os marcadores númericos das postagens do seu blog sempre vai deixar com uma aparência mais profissional e com um ar de organização e hoje iremos aprender a como fazer isso vou deixar um exemplo logo abaixo para vocês verem: 

1. Antes de mais nada, vá no painel de edição do HTML do seu blog e procure por ]]></b:skin>.
2. Acima dessa tag cole o seguinte código:
  .post ol{ counter-reset: li; list-style: none; *list-style: decimal; padding: 0; margin-bottom: 4em; font: 13px 'trebuchet MS', 'lucida sans'; /* tamanho da fonte */ text-shadow: 0 1px 0 rgba(255,255,255,.5); } .post ol li{ position: relative; display: block; padding: .4em .4em .4em .8em; *padding: .4em; margin: 15px 0 .5em 4.5em; text-decoration: none; } .post ol li:before{ content: counter(li); counter-increment: li; position: absolute; left: -30px; top: 50%; margin-top: -1em; background: #f3a74e; /* cor do fundo dos números */ height: 2em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; } .post ol li:after{ position: absolute; content: ''; left: -5px; margin-top: -.7em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #bd792a; /* cor do fundo da seta */ }
3. Salve e em seguida vá para o editor de postagem e para utilizar esse efeito basta fazer a listagem utilizando a ferramenta como mostra a imagem abaixo.