Arquivo do blog em formato Calendário

Ensinei aqui uma forma fácil e simples de personalizar o gadget Arquivo de seu blog.
Recorde: http://www.elainegaspareto.com/2015/04/personalizar-o-gadget-arquivo-do-blog.html
Hoje vou ensinar uma personalização que de vez em quando faço em meus trabalhos de design e personalização de blogs.
Os créditos originais desse hack são de um blog que atualmente está fechado: http://phydeaux3.blogspot.com/


O modelo está presente no Template Pretty, à venda na minha loja de templates à pronta entrega.
Vai lá! Quem sabe você não se encanta e acaba adquirindo um dos templates?


Seguindo o tutorial você terá esse resultado:

Leia atentamente antes de começar

1. Leia o tutorial todo antes de começar; muitas vezes a gente fica ansioso pra fazer e vai lendo e fazendo, pra no fim descobrir que deveria ter lido antes. Então, siga a dica: leia até se certificar de haver entendido.
2. Faça antes em um blog de testes, até se sentir seguro.
3. O blog onde for instalar o recurso precisa ser público, ter o arquivo instalado e configurado como explico no tutorial.
4. E, claro, a dica da tia Elaine: faça backup de seu template sempre que for editar o código-fonte dele.

Tomadas as precauções, vamos ao tutorial, que apesar da aparente dificuldade é muito simples e fácil, são apenas alguns passos simples.

Para começar você deve ter o gadget Arquivo do blog instalado em seu blog.
Para isso vá em Layout/Adicionar um gadget/Arquivo do blog e configure-o exatamente assim:

Salve.

Agora vá ao seu painel do blog, clique na aba Modelo, escolha a opção Editar HTML e dentro da caixa de códigos tecle Ctrl+F.
Na barra de pesquisa que abrir digite ]]></b:skin> e tecle Enter para localizar.
Acima da tag localizada cole esse código:

Copiar o 1º código
Ele define a aparência de seu arquivo, coisas como cores, fontes, bordas.
Deixei marcado no código as áreas editáveis, ok?
Edite para que combine com seu blog, e salve.
Claro que por enquanto nada vai aparecer.
Vamos à etapa seguinte.

No menu superior do seu código-fonte, (onde está escrito Ir para um widget) localize o BlogArchive1, que é justamente o seu widget.
Assim:

Trata-se de um código longo, que começa com <b:widget id='BlogArchive1'  e termina com </b:widget>

Você precisa selecionar todo o código, e substituí-lo por este, que fará a personalização ser possível:

Copiar o 2º código
Depois de substituir o código original pelo código que disponibilizei, salve.
Estamos acabando.

Dentro da barra de busca digite </head> e tecle Enter.
ACIMA dessa tag de fechamento cole o 3º código:

Copiar o 3º código
Salve as alterações.
Se tudo deu certo você tem agora um lindo e fofo calendário que marca as suas postagens.

Fiz tudo e não deu certo. O que houve?

1. Seu blog pode ter algum script que conflite com os códigos do arquivo;
2. Você pulou alguma parte;
3. Você colou algum código no lugar errado;
4. Seu blog é privado (sim, tem que ser blog público);
5. Você não configurou o Arquivo do jeito que mostrei no começo: lista simples, arquivamento mensal, nome do mês completo.

Sugiro que leia e releia, faça e refaça até ter certeza de que fez tudo certo.
Leia os códigos, em especial o primeiro, ele te dirá onde alterar cores, fontes, etc...