Como instalar um widget de comentários recentes no Blogger - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Como instalar um widget de comentários recentes no Blogger

Publicado em 04/12/2018

Tempo de leitura:

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...






3 comentários via Blogger
comentários via Facebook

3 comentários:

  1. Adorei! Experimentei num dos blogs e gostei. Bem fácil! bjs, obrigadão! chica

    ResponderExcluir
  2. Amei a dica, explicação super fácil de entender e já aproveitei e já implantei no meu blog! :)

    ResponderExcluir
  3. Que legal sempre queria um tutorial desse, acho que fica bem mais interativo e cria um contato com o leitor. Adorei vou colocar!

    Apenas eu, Day

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…