Modelo pronto para personalizar e numerar os posts mais vistos do blog

Aqui no blog tem alguns modelos prontos para personalizar o gadget Postagens mais vistas (ou Popular posts, se preferir).
Recorde:

Tutoriais para personalizar as Postagens mais visualizadas do blog

Hoje quero compartilhar contigo este:

Demonstração do tutorial
Vamos aprender?
Bem simples, fácil, totalmente personalizável e você instala em qualquer tema do Blogger (menos os de visualizações dinâmicas e os novos responsivos tipo Soho, etc...) em apenas alguns minutos.
Comece abrindo a página com os códigos que vamos usar:

Copiar o código
Agora vá até o painel administrativo do blog onde deseja inserir a personalização e adicione o gadget Postagens mais visitadas.
Para fazer isso clique no modo Layout/Adicionar um gadget e escolha Postagens mais visitadas.
Deixe selecionado assim:

Salve, arraste para onde deseja que fique e salve a alteração do Layout.

A seguir clique em Tema e no ícone do menu escolha Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima dessa tag de fechamento cole o CÓDIGO CSS e salve.

Agora localize a tag </head> e cole o CÓDIGO DE AJUSTE DAS MINIATURAS acima dela.
Salve.
Está pronto.

Dicas para personalizar:
Cores, fontes, largura e altura das miniaturas, bem como o tamanho da numeração que aparece no gadget são alterados no CÓDIGO CSS.
Mexa, teste, mude cores, ajuste como desejar e salve.
Tá tudo ali, bem simples.

Se tiver alguma dificuldade que eu não tenha contemplado no tutorial diga aí nos comentários e eu ajudo assim que possível.
Enjoy!