Top comentaristas com foto

em 19 de maio de 2014

top comentaristas com avatar de quem comentou
Eu uso, há muito tempo, um script que lista os top comentaristas do blog à partir dos 1000 comentários mais recentes.
Atualmente eu alojo o script em outro blog meu, mas o resultado do script você pode ver abaixo:

top comentaristas do meu blog
Top comentaristas em abril/2014


Esse script que uso é muito bom, mas não exibe foto do leitor, e não dá pra definir o período da listagem. Se eu quisesse saber os top comentaristas do mês, com esse que uso, não teria como.
Mas sempre há uma solução!
Vou compartilhar com você um script que lista os top comentaristas por período.
No meu exemplo o período é 1 mês, assim ficamos sabendo quem mais comentou durante o mês, últimos 30 dias, em nosso blog.
E se for o caso de realizar premiações fica bem simples.

Olha o meu como fica:

top comentaristas do meu blog em abril
Top comentaristas de 01/04 a 30/04 de 2014


Para instalar em seu blog faça assim:
Acesse a aba Layout de seu blog e clique em Adicionar um gadget.
Escolha a opção HTML/JAVASCRIPT  e na janela que abrir cole este código:


Copiar o código

A única modificação realmente necessária é onde marquei em azul: coloque seu nome de autor, aquele com o qual assina as postagens.
Assim seus comentários não serão listados, ok?

Feitas as alterações, salve.
Arraste para onde deseja que apareça e salve as alterações em Layout.
Sugiro que coloque mais para o final da sidebar por se seu blog tiver muitos comentários e muitas postagens o gadget pode demorar um pouco para carregar.

Dicas extras:
Caso deseje exibir a lista dos top comentaristas de todos os tempos troque 30 por 0 onde marquei no código com a frase top comentaristas dos últimos 30 dias.
Mas adianto que se seu blog possuir muitos comentários o carregamento ficará bem lento.
Você pode alterar cores e fontes caso tenha paciência e jeito. Lembre que as cores são sempre definidas por um código hexadecimal precedido de #. Para troca-las troque o código das cores fornecidas pelo de suas escolhidas.
Está definido no código que sejam exibidos os 5 top comentaristas. Altere para exibir mais ou menos.


Gostou?
Se fizer em seu blog me diz!
Ajude outras pessoas compartilhando esse tutorial no Google+, curtindo ou compartilhando no Facebook.
Eu fico muito agradecida...


Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

37 comentários , comente também!

  1. Muito legal,Elaine! Se tiver um tempinho vou tentar e se der, te aviso! bjs,chica

    ResponderExcluir
    Respostas
    1. Super legal, coloquei em meu site!
      Estava procurando e cheguei a testar alguns, mas sempre havia algum problema, mas agora esse coube perfeitamente! Valeu!

      Excluir
  2. o único que deu certo ate hoje...mais so uma perg se o blog tiver dois autores como exclui o nome dos 2?

    ResponderExcluir
  3. Que legal!!! Tava mesmo querendo colocar um top comentarista assim! Assim que tiver um tempinho vou colocar !

    ^^
    ;)
    Beijos
    Bruna Santos
    http://blog.casadosfornecedores.com/

    ResponderExcluir
  4. Oi Elaine!

    Você é mesmo muito boa no que faz! Muito legal essa dica, com as fotos fica mais bonito.

    Beijos, Renata
    palpitandoemtudo

    ResponderExcluir
  5. Coloquei no meu blog o geral (0). E deixei com 30 comentaristas, pois abri um blog novo.
    Com o tempo vou diminuir.
    Sua explicação está bem facinha.
    Boa semana.
    Beijos querida.

    ResponderExcluir
  6. Eu amei essa dica , estava procurando por um que pudesse ser de 30 dias por exemplo pra ver os comentaristas do mês rsrs . Obrigada pela ajuda , seu blog sempre nos "salvando'.

    ResponderExcluir
  7. Olá Elaine!
    Descobri seu site hoje e já consegui inserir várias novidades no meu blog!
    Adorei o lance das Top Comentaristas com foto. Já coloquei no blog e deu super certo!
    Obrigado pela boa vontade em ensinar aos leigos como eu.
    Bjus
    Lia Christo
    www.docesletras.com.br

    ResponderExcluir
  8. Muito bacana seu blog!! Estou começando um agora e ele esta me ajudando muito!!! :)
    bjinhoss

    www.somosladies.blogspot.com.br

    ResponderExcluir
  9. Que maravilha!!
    Sempre via nos outros blogs e não tinha encontrado ainda como instalar lá no BLOG DO PARCEIRO.
    Obrigadooo pela postagem, pois só assim os leitores e seguidores ficarão gratos em verem que estão sendo avaliados e prestigiados.

    http://josenidelima.blogspot.com.br/

    ResponderExcluir
  10. Só para constar, usamos esse tutorial lá no "O que tem na nossa estante" e funcionou perfeitamente. Obrigada pela dica Elaine! :)

    ResponderExcluir
  11. Quero colocar ... farei isso e te digo .
    Beijinhos
    Deus aben;óe

    ResponderExcluir
  12. Amei! Ficou lindo no meu blog!
    Valeu Elaine!
    http://todosporai.blogspot.com.br/

    ResponderExcluir
  13. Pra mim não deu certo
    Que pena
    Abç
    Lua Singular

    ResponderExcluir
  14. Oi minha linda, um milhão de obrigados por compartilhar esse código. Tive tantos problemas com os comentários do meu blog depois que sincronizei com o Google+ que tive que desfazer e acabei perdendo todos os comentários do período, agora coloquei seu código para o top comentarista e deu certo!
    Te convido a connecer e se gostar participar! Beijão
    http://www.fabilila.com.br/
    Instagran: @blogfabilila

    ResponderExcluir
  15. O único que deu certo no meu blog Renata Arpini!
    Adorei!!!
    Obrigada vc é 10!
    Bjkas

    ResponderExcluir
  16. Obrigada Elaine!
    Coloquei e ficou show!!!!!!!
    Beijooooooos =)
    A Casa da Mãe Jana

    ResponderExcluir
  17. Adorei, obrigada por disponibilizar o tutorial :D
    Beijos!
    http://www.leticiakoliveira.com/

    ResponderExcluir
  18. Meu blog tem duas colaboradoras, além de mim, como eu faço para o nome delas não aparecer no TOP?

    ResponderExcluir
  19. Obrigada Elaine, deu super certo no meu e olha que já estava perdendo as esperanças, pois todo tutorial que eu seguia estava dando errado.
    Abraços,
    Nanda
    Blogueira de Nandalandia

    ResponderExcluir
  20. Boa tarde amiga Elaine!!!
    Menina, estou aqui emocionada...acabei de fazer, e não é que deu certo!!!
    Deus te abençoe e te ilumine sempre!!!
    Grata, por demais, por compartilhar!!!
    Yupiiiiiiiiiiiii!!!
    Que sua nova semana seja repleta de bençãos e ótimas realizações sempre!!!
    Bjokas...da Bia!!!

    ResponderExcluir
  21. Oi Eaine, ja tentei de todas as formas colocar o codigo no meu blog, e não consegui....afff estou precisando urgente, será que vc pode me ajudar??? Eu ja tinha os top lá no blog mas deu erro no widget...estou com um sorteio para o dia 20/07 para os top e agora não consigo visualizar; Help me...

    ResponderExcluir
  22. Olá, eu novamene, depois de muitas tentativas deu certo,afff tava ficando meio doida já.rsrsr muito obrigada seu codigo me salvou..obrigada por compartilhar. beijos

    ResponderExcluir
  23. finalmente um código que funcionou em meu blog! show de bola! obrigado!

    ResponderExcluir
  24. Finalmente um código que funcionou em meu blog! Show de bola! Obrigada! 2

    ResponderExcluir
  25. Muito obrigada por essa dica!!!!
    Queria muito algo diferenciado no blog, amei..

    Bjins

    Érika Costurarte

    ResponderExcluir
  26. Elaine!
    Esse seu blog é o máximo! Estou deixando meu blog com um toque incrível tudo graças às suas dicas e códigos de widgets que não achava em lugar nenhum! Você, literalmente, salvou minha vida virtual!
    Parabéns! e Sucesso!!!
    Até + ver! Nu.
    As 1001 Nuccias | Curtiu?

    ResponderExcluir
  27. Não consegui...
    O meu não aparece nada...

    ResponderExcluir
  28. Fiz ..e deu certinho :)
    Dá uma olhada : http://vitrinedemocratica.blogspot.com.br/

    Obrigada Eliane !

    ResponderExcluir
  29. o único que realmente funcionou testei vários e não dava certo

    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…