Gadget Top Comentaristas com avatar para Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Este gadget mostra as pessoas que mais comentaram em seu blog. É uma boa solução para aumentar os comentários em nosso blog. Ele classifica os comentaristas pela quantidade de comentários que deixaram no Blog, incentivando a participação. É bem simples de implementar e pode ser colocado na barra lateral (sidebar) do Blog.

Veja o gadget funcionando na barra lateral do blog. Vai mudar o estilo do link e o título, cores e fonte de acordo com o seu layout, claro.

ScreenShot001

Como colocar gadget top comentaristas com avatar no blogger?

Vá em Layout → ModeloElementos de página → Escolha onde quer adicionar a gadget de Top Comentaristas

Clique em Adicionar um elemento de página → Escolha tipo HTML/JavaScript → Copie o código abaixo e cole no gadget.

<style type="text/css">
.top-commenter-line {margin: 3px 0;}
.top-commenter-avatar {vertical-align:middle;}
</style>
<script type="text/javascript">
var maxTopCommenters = 5;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = ["Anonymous", "someotherusertoexclude"];
var maxUserNameLength = 42;
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'Ainda não temos Top Comentaristas';
var txtAnonymous = '';
var sizeAvatar = 16;
var cropAvatar = true;
var urlNoAvatar = "http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
return -1;
}}
function replaceTopCmtVars(text, item, position)
{
if(!item || !item.author) return text;
var author = item.author;
var authorUri = "";
if(author.uri && author.uri.$t != "")
authorUri = author.uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = author.gd$image.src;
else {
var parseurl = document.createElement('a');
if(authorUri != "") {
parseurl.href = authorUri;
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
avaimg = urlNoAvatar;
var newsize="s"+sizeAvatar;
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
if(cropAvatar) newsize+="-c";
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
var authorName = author.name.$t;
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
authorName = authorName.substr(0, maxUserNameLength-3) + "...";
var authorcode = authorName;
if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';
text = text.replace('[user]', authorcode);
text = text.replace('[image]', imgcode);
text = text.replace('[#]', position);
text = text.replace('[count]', item.count);
return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
var one_day=1000*60*60*24;
var today = new Date();
if(urlMyProfile == "") {
var elements = document.getElementsByTagName("*");
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
if(numDays > 0) {
var datePart = entry.published.$t.match(/\d+/g);
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
if(days > numDays) break;
}
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;
if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
continue;
var authorName = entry.author[0].name.$t;
if(excludeUsers.indexOf(authorName) != -1)
continue;
var hash=entry.author[0].name.$t + "-" + authorUri;
if(topcommenters[hash])
topcommenters[hash].count++;
else {
var commenter = new Object();
commenter.author = entry.author[0];
commenter.count = 1;
topcommenters[hash] = commenter;
}
}
if(json.feed.entry.length == 200) {
ndxbase += 200;
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
return;
}
var tuplear = [];
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
tuplear.sort(function(a, b) {
if(b[1].count-a[1].count)
return b[1].count-a[1].count;
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
});
var realcount = 0;
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
var item = tuplear[i][1];
if(item.count < minComments)
break;
document.write('<di'+'v class="top-commenter-line">');
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
document.write('</d'+'iv>');
realcount++;
}
if(!realcount)
document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Salve e pronto!

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

49 Comentários

    • Procure pelo seguinte:

      var excludeUsers = [“Anonymous”, “someotherusertoexclude”];

      Acrescente no código entre parentes o nome do autor ou qualquer outro nome que você quer esconder. Mais ou menos assim:

      var excludeUsers = [“Anonymous”, “someotherusertoexclude”,”Fernanda Maria”];

      Responder

  1. Funcionou obrigada, agora tive outro problema, algumas imagens estão aparecendo muito grandes, maiores do que as outras, o que faço? já tentei aumentar e diminuir o tamanho do avatar e nada.

    Responder

  2. tenho uma paergunta
    eu consigo fazer meu banner mais eu nao consigo colocar aquele nogocio que fica em baixo do banner para que outras pessoas posao pegar o meu banner e colocar em outro site como parceria por ememplo.
    agradeso se me responder

    Responder

  3. oi gostaria de saber como colocar um sistema de comentários como o seu e se é possível comentar como o sistema de cmentarios do face como anônimo? vlw

    Responder

    • Eu fiz um tutorial ensinando colocar esse estilo de comentários que eu uso aqui no blog. Só procurar no blog. Com relação a pergunta: Se é possível comentar como anonimo no sistema de comentários no Face, não sei. Acredito que não.

      Responder

  4. Kemuel,eu aqui de novo.
    Menino você deixou meus cabelos mais brancos…rsrs..estou aqui + ou-2 horas tentando retirar meu nome.
    O que eu fiz:Colei o código,li o comentário da Fernanda Maria,apaguei do gandget,copiei a resposta colei: var excludeUsers = [“Anonymous”, “someotherusertoexclude”,”Fernanda Maria”];Só troquei o nome da Maria Fernanda pelo meu…rsr…espertinha eu…rsrs…
    Parabéns adoro seu site leio até os comentários.
    Sucesso para vc,beijos

    Responder

  5. Olá Kemuel!

    É a primeira vez que venho ao teu blog e estou a gostar muito. Parabéns, tem um conteúdo interessante com dicas úteis e funcionais!
    Levei para o meu blog o Gadget Top Comentaristas Com Avatar e está a funcionar na perfeição.
    O meu blog é de poesia, de escritos mas como me interesso por informática e web design, recentemente coloquei no meu blog uma rubrica de dicas de informática geral, onde partilho os meus conhecimentos e tento ensinar os meus amigos leitores a personalizarem o seu blog. Assim, gostaria de pedir permissão para fazer um post com este gadget.
    Obrigada.

    Abraços,

    Cris Henriques

    http://oqueomeucoracaodiz.blogspot.com

    Responder

  6. ola amigo me desculpem se estou no lugar errado mas por favor nao removao minha postagem se quiserem ser meus parceiros nesse projeto por favbor me adicionem no msn ronald.queiroz_123@hotmail.com quero divulgar meu sites http://www.myhome.myhomes.com.br e um site de relacionamento mais nao e igual ao face nem ao orkut e o http://www.classificados.myhomes.com.br site totalmente gratis de classificados se alguem quiser se tornar meu parceiro nesses projetos aceito parcerias e ten ho outros mas nao quero me estender mais obrigado e fiquem com deus.

    Responder

  7. Marcos uma dúvida… sabe me dizer porque esse gadget e aquele outro, sem fotos do avatar, não batem em todos os números de comentários . Algumas pessoas tem números diferentes em um e em outro. Como saber qual está certo?

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.