Como instalar um widget de comentários recentes no Blogger

Um blog, como muito provavelmente você sabe, cresce e se fortalece a partir dos seus leitores. Um blog que não permite comentários, do meu ponto de vista, está fadado a nunca crescer. Leitores, e consequentemente seus comentários, são a maior riqueza que um blog pode ter.
Então, vamos destacar os comentários que o blog recebe? Que tal inserir um widget de Comentários recentes, que vai capturar e exibir os comentários mais recentes feitos em seu blog?
Hoje trago um código bem simples, que vai exibir uma lista dos comentários mais recentes inseridos no blog.
Assim:






Ele deve ser inserido na sidebar (coluna lateral) do blog, é responsivo, pode ser personalizado com novas cores para combinar com seu blog, a quantidade de comentários exibidos pode ser alterada (evite muito extenso pois pesa) e fica bem bonito.
Vamos trabalhar?

Como instalar um widget de comentários recentes no Blogger

Para instalar em seu blog é bem simples.
Copie este código:

Copiar o código
A seguir vá ao painel administrativo de seu blog e clique em Layout.
Clique em Adicionar um gadget e dentre as opções que aparecerem escolha HTML/JAVASCRIPT.
Dentro da caixinha que expandir cole o código que pedi para copiar.
Nomeie seu widget caso desejar, salve, arraste para onde deseja que fique e salve as alterações do Layout.
Está feito.

Agora preste atenção!
Sem alterar nada seu widget terá exatamente a aparência do meu exemplo.
Mas se quiser personaliza-lo preste atenção ao código, ele te dirá exatamente o que pode ser alterado em termos de aparência.
Tudo que define essa parte está definido dentro das tags <style>---</style> do código.
Altere cores, que sempre são precedidas do sinal #, altere o nome da fonte, seu tamanho, a quantidade de comentários mostrados, etc..
Veja aqui uma tabela com cores lindas e seus códigos hexadecimais. Pare o mouse sobre a cor e clique na caixinha Click to copy code! para copiar o código dela.

Para trocar a quantidade de caracteres e de comentários do widget localize, no código:

<script type='text/javascript'>
//CONFIGURAÇÕES DO WIDGET
var numComments  = 20;
var characters  = 120;
</script>

Sendo que 20 é o número de comentários que aparecerão, e 120 é a quantidade de caracteres que serão exibidas.
Altere como desejar. Mas evite muitos comentários pra não pesar demais, ok?

Mexa, aprenda, divirta-se!
É assim que a gente faz...