Colocando Gadget de Comentários Recentes no Blogger

Esta gadget mostra os últimos comentários feitos em seu blog.

Este recurso é muito interessante, pois é uma forma de valorizar os leitores do seu blog ao mostrar quem comentou por último.

Existem também hacks que mostram os leitores que mais comentam em seu blog e também com a foto (avatar) dos leitores.

Veja como ficou no Demoplate.

Para colocar o recurso dos Comentários Recentes em seu blog:

» Vá em Layout
 » 

→ Clique em Adicionar um Gadget → Na caixinha que vai aparecer procure pelo tipo HTML/Javascript→ Clique nele

→ Coloque o Título que preferir: Comentários Recentes, Últimos Comentários, etc...

→ Cole o código que ensino abaixo onde mostra a figura.

1ª Opção - Usando o Código Javascript hospedado em um site de sua preferência:

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

<ul>
<script style="text/javascript" src="Endereço do Javascript">
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://Endereço do SEU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>

►Se quiser alterar o número de comentários altere o número 5 em [var numcomments = 5;] por um número maior ou menor.
►Se quiser a data dos comentários troque false em [var showcommentdate = false;] por true.
►Se não quiser que apareça o título do post troque true em [var showposttitle = true;] por false.

»A gadget de Posts Recentes funciona com um JavaScript que deve ser hospedado por você→ Veja como fazer no fim do post;
» Ou você tem a opção de colocar o código javascript incorporado ao seu template, ou seja, Hospedar no próprio Blogger, para que não corra o risco do site de hospedagem dar problemas.

2ª Opção - Usando o Javascript completo:

O código ficará assim:

<ul>
<script>
function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<li>');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');
if (showposttitle == true) document.write(' on ' + posttitle);
if (showcommentdate == true) document.write(' at ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (standardstyling) document.write('<br/>');
if (comment.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
{
if (standardstyling) document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(more)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
if (!standardstyling) document.write('</div>');}
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://Endereço do SEU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>

Como hospedar o Javascript para usar a 1ª Opção

» O código em VERDE é o Javascript dos comentários recentes.

» COPIE as linhas em VERDE acima COLE em um bloco de notas;

→Você pode usar o programa Notepad ++
» Salve no bloco de notas em seu computador com a extensão .js no nome do arquivo - Ex: Clique em Salvar Como e escreva o nome: Comentários Recentes.js

»Hospede este arquivo em um site de sua preferência colocando o LINK fornecido por sua hospedagem onde está indicado na 1ª opção deste tutorial;

Leia: Como Hospedar Javascript no seu Googlecode

»Desta forma não haverá o risco de seus comentários recentes não funcionarem, a não ser que muitas pessoas usem o mesmo endereço do java e sua taxa de transmissão de banda ultrapassar o limite do site de hospedagem.

Fonte: http://ustadz.net/typoxp-21-blogger-template.htm

Atualização em 07/05/2013