Lista de Comentaristas para o Blogger

Como Fazer Um Site >> Criar Blog >> Blogger >> Lista de Comenaristas para o Blogger



Este é um gadget alternativo ao Top Comentaristas para o Blogger que pode ser encontrado neste link.

Este também exibe uma lista dos leitores comentaristas do seu blog. Junto ao nome aparece uma imagem com o avatar do comentarista, ou então no caso de não ter avatar aparece um ícone alternativo.

Veja a imagem do lado exemplificando uma lista com o Gadget dos Comentaristas.

Os blogs do Blogger passaram a abrir em SSL (o blog abre com um endereço "https"). Isto fez com que vários widgets deixassem de funcionar. Mas este código agora disponibilizado funciona mesmo quando se abre o blog em https.


Instalação do Gadget:

  1. Inicie sessão na sua conta do Blogger.
  2. Vá ao separador "Layout" (ou "Esquema").
  3. Clique em "Adicionar um Gadget".
  4. Selecione um novo gadget do tipo "HTML / Javascript".
  5. Copie o código que está abaixo na caixa cinzenta e cole-o dentro da janela do novo gadget.
  6. Escreva o título do seu gadget (por exemplo "Top Comentadores")
  7. Clique em "Salvar".
<style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = ["Anónimo","Anonymous","AlgumNomeParaExcluir"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'Não há comentadores.';
var txtAnonymous = '';
//
var sizeAvatar = 27;
var cropAvatar = true;
//
var urlNoAvatar = "https://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'https://1.bp.blogspot.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png' + 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 = "https://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 = 'https://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "https://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="avatar-top-commentators" 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="commenter-link-name" 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;
}
}
if(json && json.feed && json.feed.entry && json.feed.entry.length) 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 && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
ndxbase += 200;
document.write('<script type="text/javascript" src="https://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=80&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
return;
}
// convert object to array of tuples
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-commentators">');
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
document.write('</d'+'iv>');
realcount++;
}
if(!realcount)
document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="https://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=80&alt=json-in-script&callback=showTopCommenters"></'+'script>');</script><span style="font-size:8px; display:block; text-align:right; margin-top: -5px;"><a title="Gadget Comentaristas" href="//comofazerumsite.com/criarblog/blogger/lista-comentaristas-blogger.html" target="_blank">Gadget Comentaristas</a> - <a href="//comofazerumsite.com">Fazer Um Site</a></span>

E pronto, o seu gadget estárá a funcionar exibindo uma lista dos comentaristas do seu blog.


Configuração

  • Para modificar o número de comentaristas que aparecem na lista procure pela linha de código que começa por var maxTopCommenters = 8 e mude para o número de comentaristas que deseja.
  • Para alterar o tamanho do avatar dos comentaristas procure por var sizeAvatar = 27 e altere o subsitua o 27 com o número de pixels que pretende.
  • Para esconder o seu próprio nome ou o nome de algum comentarista substitua AlgumNomeParaExcluir (só o texto que está entre as aspas). Pode acrescentar nomes a serem excluidos separando-os através de virgulas (a seguir à aspa do texto que está em vermelho, coloque uma virgula, abra aspas, escreva o nome a excluir, e feche aspas).
  • Pode alterar o número de dias que o script usa para ir ao passado encontrar os comentários do seu blog. Para alterar procura a linha que tem var numDays = 0 e substitua o 0 pelo número de dias que pretende. Se por exemplo definir 365 o script vai mostrar quem comentou no seu blog no último ano.


Registro de Dominio:
Imagem de domínio

Domínios a preços acessíveis.
Inclui serviço e privacidade gratuito.

Hospedagem para seu site:
Imagem de hospedagem

Escolha uma empresa
de hospedagem fiável para
alojar o seu site.

Criar Site Grátis:
Loja Virtual Grátis:

BLOG | FÓRUM | Política de Privacidade
Copyright © 2019 - ComoFazerUmSite.com
Design com Dreamweaver

 X
Quer aprender como criar sites, receber novidades, promoções e ofertas especiais?
Subscreva a newsletter gratuita.
Endereço de Email:

Pop Email