» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

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;

»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.



Atualização em 07/05/2013
Colocando Gadget de Comentários Recentes no Blogger Colocando Gadget de Comentários Recentes no Blogger Reviewed by Áurea on 12/19/2007 Rating: 5

13 comentários:

  1. Oi....
    Coloquei o código no meu blog
    e ñ aconteceu nada...
    Se puder me ajudar...
    Adorei o blog viu.. parabéns!

    ResponderExcluir
  2. Opa So Eu Dnv!

    Eu tow com o meu blog...
    e ele esta com muitas listas de links,
    pq eu separei por classificação tipo,filmes,animes,jogos,discografias etc... ai gostaria de saber se tem como fazer um menu com sub-menu...
    isso ia ajudar muito para o meu blog!

    espero respostas...
    o meu msn : lemondouglas17@hotmail.com

    ResponderExcluir
  3. Boa tarde Áurea! :0)

    Tem como resolver o problema do Idioma para esse hack? Ele não compreende acentos ou "ç"!
    ***
    Mandinha, seu problema é porque o bandwidth ou o pageview estourou o limite.
    Copie a url logo do início do código, cole no seu navegador e visualize o script. Depois copie tudo e cole no bloco de notas. Selecione "salvar como" mudando a extensão de .txt para .js. Depois é só hospedar este arquivo em outro lugar, pode ser no próprio google pages.
    Depois basta vc trocar a url do código pelo novo endereço onde vc hospedou e está resolvido.

    ResponderExcluir
  4. eu criei um site no googlepages.com mas ele n aceita mandar arquivos .js
    tem outro lugar q eu posso fazer isso?

    ResponderExcluir
  5. Lucas, é só você hospedar no seu skydrive. Dê uma olhada no tutorial de como hospedar javascript

    ResponderExcluir
  6. Olá! Eu já estava a um tempinho procurando esse widget de comentários recentes e adivinha aonde eu achei? Aqui!
    Obrigado e parabéns pelo blog.

    ResponderExcluir
  7. Querida, não estou conseguindo colocar esta widget...
    Tentei das duas formas que você disse para fazer, mas não obtive sucesso...
    Ajude-me!
    Bjs

    ResponderExcluir
  8. Hi !!! I'm an Italian girl.

    I try to configure Posts Recentes and Comentarios Recentes with the code you describe... but nothing happen !!!

    Help me please !!!

    My Blog now is private becouse is under construction. I don't know if you see how to contact me. I leave you my e-mail add.

    gothictoyland@hotmail.it

    Hope hear you soon

    Thank you so much

    ResponderExcluir
  9. é verdade as duas formas como vc descreveu acima nao funcionam!!!!!!
    Tem um post ou uma forma para corrigir o erro eventual???

    ResponderExcluir
  10. legal mais e para exibir a imagem do avatar das pessoas que comentam ao lado dos comentários recentes ?

    ResponderExcluir
  11. Olá...preciso de um formulário de comentários e resposta exatamente igual a esse para colocar em um site, pode me ajudar? Isso é algum widget? Preciso muito da sua ajuda. Obrigado

    ResponderExcluir
    Respostas
    1. Olá Marco Polo,
      Este é um tutorial de um gadget para o blogger. Não sei como colocar as respostas. Não testei ainda. Espero que o conteúdo do TPV possa te ajudar.
      Seja sempre bem vindo ao TPV.

      Excluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.