Top Comentaristas para o Blogger

Como Fazer Um Site >> Criar Blog >> Blogger >> Top Comenaristas para o Blogger

Aumente o tráfego para seu site, incentivando os leitores a deixar comentários no seu blog. E que melhor maneira de motivá-los a comentar do que fazer aparecer os nomes deles no seu blog? O Widget Top Comentaristas para o Blogger vai exibir a lista dos leitores que mais comentam no seu blog. Junto ao nome dos comentadores fica uma imagem com o avatar de cada um deles.

Veja na imagem do lado direito o exemplo de uma lista de "Top Comentaristas".

Já tive aqui um código antigo que fazia também uma lista dos Top comentaristas que já não funciona (estava baseado no Yahoo Pipes que já não está disponível).

Este novo código para além de funcionar perfeitamente, tem a vantagem de apresentar o avatar de cada comentador. Para além disso, recentemente o Google fez com que todos os blogs do Blogger passassem a funcionar em SSL (aquele https que aparece antes do endereço do blog) e isso fez com que vários widgets deixassem de funcionar. Mas este código que agora disponibilizo irá funcionar mesmo quando se acede ao blog em https.

Instalação do Widget "Top Comentaristas":

Entre na sua conta do Blogger.
Vá ao separador "Layout"
Clique em "Adicionar um Gadget".
Adicione um novo gadget do tipo "HTML / Javascript".
Copie o código abaixo e cole-o dentro da janela.
Digite o título do seu widget (por exemplo "Top Comentaristas")
Clique em "Salvar".

<style type="text/css">

      #widget-top-comentadores .avatar {

       float: left;

       margin: 0 8px 0 0;

       display: block;

      }

      #widget-top-comentadores .avatar img {

       width: 32px!important;

       height: 32px!important;

       -webkit-border-radius: 100px; /*avatar-redondo*/

       -moz-border-radius: 100px; /*avatar-redondo*/

       border-radius: 100px; /*avatar-redondo*/

      }

      #widget-top-comentadores .avatar a {

       z-index: 100;

       display: block;

       position: relative;

      }

      #widget-top-comentadores .conteudo a {

       font-weight: bold;

      }

      #widget-top-comentadores .conteudo span {

       display: block;

       color: #999;

       font-size: 10px;

       font-style: italic;

      }

      #widget-top-comentadores .item {

       margin: 10px 0;

      }

      #widget-top-comentadores .item-0 {

       margin: 5px;

      }

      #widget-top-comentadores .numero-ordem {

       font-size: 16px;

       color: #999;

       font-style: italic;

       float: left;

       margin: 0 10px 0 0;

      }

      #widget-top-comentadores .ordem-env {

       margin: 0 0 15px 0;

      }

      </style>

<script type="text/JavaScript">

/*  Widget: Top Comentaristas  */

/*  Configurações  */

var _Numero_Dias = 365;   /* Numero de dias */

var _Numero_Nomes = 5;   /* Numero de comentadores */

var _Lingua_comentarios = 'comentários';   /* Lingua dos comentários */

var _Mostrar_Icones = true;   /* Mostrar icones */

var _Mostrar_Numero_Ordem = true;   /* Mostrar numero de ordem */

var _Excluir_Nomes = 'Nome1,Nome2';   /*Excluir nomes de comentadores indesejados separados por virgulas */

var _Excluir_URLs = '';   /* Excluir URLs de comentadores separadoos por virgulas */

var host = '';   /* host */

_listCom = ['undefined','widget-top-comentadores',',',',','<script type="text/JavaScript" src="','"><\/script>','blog-','.comments','','category','','title','','subtitle','Anonymous','','https://img1.blogblog.com/img/anon36.png','name','uri','gd$image','https://img1.blogblog.com/img/blank.gif','entry','post-','','published','category','','title','','conteudo','','summary','','comments','link','alternate','replies','Anonymous','','https://img1.blogblog.com/img/anon36.png','name','uri','gd$image','https://img1.blogblog.com/img/blank.gif','','media$thumbnail','thr$total',' ','','','thr$in-reply-to','thr$in-reply-to','','gd$extendedProperty','blogger.itemClass','pid-','','-','-','<div id="','">','<div class="numero-ordem">','.</div><div class="ordem-env">','<div class="item item-',' ','','">','<div class="avatar">						<a href="','" target="_blank"><img src="','"/></a>					</div>','<div class="conteudo">						<a href="','" target="_blank">','</a>						<span>',' ','</span>					</div>					<div class="clear"></div>				</div>','</div>','<div class="clear"></div>','<div style="font-size:8px; margin-top: -20px; margin-bottom: -10px;"><a style="text-decoration: none; float: right;" target="_blank" href="//www.comofazerumsite.com/criarblog/blogger/top-comentadores-blogger.html" title="Widget Top Comentadores">Top Comentadores</a><span style="margin: 0 5px; float: right;">-</span></div></div>','Anonymous','','/feeds/comments/summary?alt=json-in-script&max-results=180&start-index=','&callback=_fKlD','/feeds/comments/summary?alt=json-in-script&max-results=180&callback=_fKlD'];if(typeof(var1)==_listCom[0]){var var1=false;}if(!var1){var1=true;var var2=_listCom[1];var var3=_Excluir_Nomes.split(_listCom[2]);var var4=_Excluir_URLs.split(_listCom[3]);function func1(url){document.write(_listCom[4]+url+_listCom[5]);}function func2(json){var var4=new Object();var4.id=json.feed.id.$t;key=_listCom[6];var5=var4.id.indexOf(key);var4.id=var4.id.substring(var5+key.length);var4.id=var4.id.replace(_listCom[7],_listCom[8]);var4.cate=new Array();if(_listCom[9] in json.feed){for(contad=0;contad<json.feed.category.length;contad++){var4.cate[contad]=json.feed.category[contad].term;}}var4.title=_listCom[10];if(_listCom[11] in json.feed){var4.title=json.feed.title.$t;}var4.subtitle=_listCom[12];if(_listCom[13] in json.feed){var4.subtitle=json.feed.subtitle.$t;}var4.admin=new Object();var4.admin.name=_listCom[14];var4.admin.uri=_listCom[15];var4.admin.avatar=_listCom[16];if(_listCom[17] in json.feed.author[0]){var4.admin.name=json.feed.author[0].name.$t;}if(_listCom[18] in json.feed.author[0]){var4.admin.uri=json.feed.author[0].uri.$t;}if(_listCom[19] in json.feed.author[0]){if(json.feed.author[0].gd$image.src!=_listCom[20]){var4.admin.avatar=json.feed.author[0].gd$image.src;}}var4.total_entry=Number(json.feed.openSearch$totalResults.$t);var4.start_index=Number(json.feed.openSearch$startIndex.$t);var4.item_per_page=Number(json.feed.openSearch$itemsPerPage.$t);var4.entry_number=0;if(_listCom[21] in json.feed){var4.entry_number=json.feed.entry.length;}var4.entry=new Array();for(contad=0;contad<var4.entry_number;contad++){var4.entry[contad]=new Object();temp=new Object();entry=json.feed.entry[contad];temp.id=entry.id.$t;key=_listCom[22];var5=temp.id.indexOf(key);temp.id=temp.id.substring(var5+key.length);temp.published=_listCom[23];if(_listCom[24] in entry){temp.published=entry.published.$t;}temp.cate=new Array();if(_listCom[25] in entry){for(j=0;j<entry.category.length;j++){temp.cate[j]=entry.category[j].term;}}temp.title=_listCom[26];if(_listCom[27] in entry){temp.title=entry.title.$t;}temp.conteudo=_listCom[28];if(_listCom[29] in entry){temp.conteudo=entry.conteudo.$t;}temp.summary=_listCom[30];if(_listCom[31] in entry){temp.summary=entry.summary.$t;}temp.link=_listCom[32];temp.reply_label=_listCom[33];if(_listCom[34] in entry){for(j=0;j<entry.link.length;j++){if(entry.link[j].rel==_listCom[35]){temp.link=entry.link[j].href;}if(entry.link[j].rel==_listCom[36]){temp.reply_label=entry.link[j].title;}}}temp.author=new Object();temp.author.name=_listCom[37];temp.author.uri=_listCom[38];temp.author.avatar=_listCom[39];a0=entry.author[0];if(_listCom[40] in a0){temp.author.name=a0.name.$t;}if(_listCom[41] in a0){temp.author.uri=a0.uri.$t;}if(_listCom[42] in a0){if(a0.gd$image.src!=_listCom[43]){temp.author.avatar=a0.gd$image.src;}}temp.thumb=_listCom[44];if(_listCom[45] in entry){temp.thumb=entry.media$thumbnail.url;}temp.reply_number=0;if(_listCom[46] in entry){temp.reply_number=Number(entry.thr$total.$t);}temp.reply_label=temp.reply_label.replace(temp.reply_number+_listCom[47],_listCom[48]);temp.reply_to=_listCom[49];if(_listCom[50] in entry){temp.reply_to=entry[_listCom[51]].href;}temp.pid=_listCom[52];if(_listCom[53] in entry){for(j=0;j<entry.gd$extendedProperty.length;j++){if(entry.gd$extendedProperty[j].name==_listCom[54]){temp.pid=entry.gd$extendedProperty[j].value;}}}temp.pid=temp.pid.replace(_listCom[55],_listCom[56]);var4.entry[contad]=temp;}return var4;}function func3(jshort1,jshort2){for(contad=0;contad<jshort2.entry_number;contad++){jshort1.entry[contad+jshort1.entry_number]=jshort2.entry[contad];}jshort1.entry_number+=jshort2.entry_number;return jshort1;}function func4(date1,date2){date1=date1.split(_listCom[57]);date2=date2.split(_listCom[58]);date1=parseInt((new Date(date1[0],date1[1]-1,date1[2].substring(0,2)).getTime())/1000);date2=parseInt((new Date(date2[0],date2[1]-1,date2[2].substring(0,2)).getTime())/1000);var var6=date1-date2;if(var6<0) var6=-var6;return Math.floor(var6/86400);}var var7=null;var var8=[];function func5(){if(var8.length>0){h=_listCom[59]+var2+_listCom[60];min=Math.min(var8.length,_Numero_Nomes);for(contad=0;contad<min;contad++){if(_Mostrar_Numero_Ordem){h+=_listCom[61]+(contad+1)+_listCom[62];}h+=_listCom[63]+contad+_listCom[64]+(((contad+1)==min)?'ultimo-item':_listCom[65])+_listCom[66];if(_Mostrar_Icones){h+=_listCom[67]+var8[contad].uri+_listCom[68]+var8[contad].avatar+_listCom[69];}h+=_listCom[70]+var8[contad].uri+_listCom[71]+var8[contad].name+_listCom[72]+var8[contad].count+_listCom[73]+_Lingua_comentarios+_listCom[74];if(_Mostrar_Numero_Ordem){h+=_listCom[75];}}h+=_listCom[76]; h+=_listCom[77]; document.write(h);}}function func6(){Day0=var7.entry[0].published;var var5=0;admin=var7.admin;for(contad=0;contad<var7.entry_number;contad++){author=var7.entry[contad].author;for(j=0;j<var5;j++){if((var8[j].name==author.name)&&(var8[j].uri==author.uri)&&(var8[j].avatar==author.avatar)){break;}}if(j<var5){var8[j].count++;}else{var var9=true;if(var3.length){for(var var10=0;var10<var3.length;var10++){if(var3[var10]==author.name){var9=false;break;}}}if(var4.length){for(var var10=0;var10<var4.length;var10++){if(var4[var10]==author.uri){var9=false;break;}}}if(var9&&(admin.name!=author.name)&&(admin.uri!=author.uri)&&(admin.avatar!=author.avatar)&&(author.name!=_listCom[78])&&(author.uri!=_listCom[79])){var8[var5]=new Object;var8[var5].name=var7.entry[contad].author.name;var8[var5].uri=var7.entry[contad].author.uri;var8[var5].avatar=var7.entry[contad].author.avatar;var8[var5].count=1;var5++;continue;}}day=var7.entry[contad].published;var6=func4(Day0,day);if(var6>=_Numero_Dias) break;}for(contad=0;contad<var5-1;contad++){for(j=contad+1;j<var5;j++){if(var8[contad].count<var8[j].count){temp=var8[contad];var8[contad]=var8[j];var8[j]=temp;}}}func5();}function _fKlD(json){if(var7==null){var7=func2(json);}else{var4=func2(json);var7=func3(var7,var4);}Day0=var7.entry[0].published;for(var contad=0;contad<var7.entry_number;contad++){day=var7.entry[contad].published;var6=func4(Day0,day);if(var6>=_Numero_Dias) break;}if(contad==var7.entry_number&&var7.entry_number<var7.total_entry){func1(host+_listCom[80]+(var7.entry_number+1)+_listCom[81]);return;}func6();}func1(host+_listCom[82]);}</script><div style="font-size: 8px; float: right;"><a style="text-decoration: none;" href="http://www.comofazerumsite.com" target="_blank">Criar Site</a></div>

Não precisa de fazer mais nada, depois de colar o código no Layout do seu blog, conforme descrito acima, o Widget deverá estar a funcionar exibindo os comentadores mais ativos.

Alterações ?

Não precisa de fazer alteraões para que o código acima funcione mas existem algumas configurações que poderá ajustar. Naquele código procure as seguintes linhas:

/* Widget: Top Comentaristas */
/* Configurações */
var _Numero_Dias = 365;    /* Numero de dias */
var _Numero_Nomes = 5;    /* Numero de comentadores */
var _Lingua_comentarios = 'comentários';    /* Lingua dos comentários */
var _Mostrar_Icones = true;    /* Mostrar icones */
var _Mostrar_Numero_Ordem = true;    /* Mostrar numero de ordem */
var _Excluir_Nomes = 'Nome1,Nome2';    /*Excluir nomes de comentadores indesejados separados por virgulas */
var _Excluir_URLs = '';    /* Excluir URLs de comentadores separados por virgulas */
var host = '';    /* host */

As partes assinaladas a vermelho são as que poderá alterar. Tenha cuidado para não alterar nenhum caracter que esteja ao lado (não apague acidentalmente por exemplo um ponto e virgula, ou uma aspa, pois se o fizer o código deixará de funcionar).

Em cada linha tem uma pequena frase que diz para que serve cada parâmetro, mas passo a explicar um pouco mais:

O número de dias é o periodo do dias passados em relação ao qual o script vai procurar comentários. Está definido por defeito para 365 dias, ou seja o script vai analisar quem é que no seu blog comentou no último ano. Pode pôr mais tempo mas não se esqueça que quantos mais dias puser mais tempo o Widget vai demorar para abrir sempre que a página for carregada.
O "Numero_Nomes" é a quantidade de comentadores que pretende que sejam exibidos na lista do Widget.
Se o seu blog não é em português poderá mudar a palavra a apresentar no widget que vai indicar quantos comentários tem cada comentador.
Pode optar por não mostrar os ícones do avatar de cada comentador alterando o respetivo parâmtro para false.
Pode optar por não exibir o número de ordem dos comentadores alterando para false.
Se não quiser que algum comentador apareça na lista, coloque o nome dele entre as aspas. Poderá definir mais do que um comentador indesejado separando os nomes por virgulas.

Existe ainda um gadget alternativo que pode encontrar neste link.

Registro de Dominio:

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

Hospedagem para seu site:

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

Criar Site Grátis:

Como fazer um site no Wix

Como criar um site no WebNode

Loja Virtual Grátis:

Como criar uma loja virtual grátis

Loja virtual grátis para Blogger