Cursos 24 Horas - Cursos 100% Online com Certificado

Últimos comentários com ícones personalizados

3 Comentários Autor : Notícia e blog 07 agosto 2009
Este script irá exibir os últimos comentários na barra lateral do blogger ou onde você inseri-lo, e antes de cada comentário você verá um ícone que você escolheu anteriormente.


O script irá mostrar um ícone personalizado para o autor, para outros comentaristas e um para comentários anônimos
O script pode ser aplicado diretamente, sem precisar de hospedagem para o script, somente das imagens.



1.Acesse o seu painel do Blogger, vá para "Layout", "Elementos da página", "Adicionar um Gadget"

2.Selecione "html/JavaScript

e como conteúdo cole o código abaixo:
<script type="text/javascript">
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;
      }
    }
   var photoslink=new Array()
   photoslink[0]='<img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp1pMWkLI/AAAAAAAAGmo/ggSsVIrdtms/s320/otros.png"/>';
   Fernando='<img src="http://url-do-seu-icone/yo.png"/>';
   anonymous='<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp4vL4RKI/AAAAAAAAGmw/x20-2kKSkEU/s320/anonymous.png"/>';

   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] = "Fev";
   monthnames[3] = "Mar";
   monthnames[4] = "Abr";
   monthnames[5] = "Mai";
   monthnames[6] = "Jun";
   monthnames[7] = "Jul";
   monthnames[8] = "Ago";
   monthnames[9] = "Set";
   monthnames[10] = "Out";
   monthnames[11] = "Nov";
   monthnames[12] = "Dez";
   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('<br/>');
   if (showcommentdate == true) document.write('Dia ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ');

if( entry.author[0].name.$t == 'Fernando'){ document.write(fernando)}
else{
if( entry.author[0].name.$t == 'Anonymous'){ document.write(anonymous)}
else{document.write(photoslink)}
}
   document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + ', disse' +'</a>   ');
   if (showposttitle == true) document.write(' em ' + posttitle);
   if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
   if (standardstyling) document.write('<div class="txtmsg"><br/></div>');
   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 + '">(leia mais)</a>');
         if (standardstyling) document.write('</i>');}
   if (!standardstyling) document.write('</div>');
   if (standardstyling) document.write('<br/>');
  }
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
if (!standardstyling) document.write('</div>');}

</script>
<script type="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 50;
var standardstyling = true;
</script>
<script src="http://noticiaeblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Como você pode verificar o script exibe uma série de dados para cada tipo de comentário, a data e o respectivo ícone, o nome do autor, título da postagem, um resumo dos comentários e, finalmente, um "leia mais". 


Todos os dados podem ser exibidos ou não basta fazer algumas alterações no script:

var numcomments = 8 Número de comentários para exibir.
var showcommentdate = true; Este exibe a data para esconder modifique true por false 
var showposttitle = true; O título do post. false para esconder isso.
numchars var = 50; número de caracteres para que seja exibido o resumo do comentário.



Nota:






O que está em azul no script,é o nome do autor que deve ser alterado para o nome de sua preferência, o que está em amarelo é ícone dos comentários comuns, o que está em verde deve ser substituído pelo URL do ícone do autor,em laranja são dos comentários anônimos, e em vermelho o nome do seu blog


Está pronto o seu Gadget de últimos comentários com ícone personalizado
Aproveite e deixe um comentário para nós


Post original pode ser visto aqui 



    3 Comentários

    Jhonny disse...
    24 de dezembro de 2009 14:30 #

    Muito boa essa ferramenta!
    Parabéns!

    JJdicas disse...
    21 de julho de 2011 17:12 #

    Muito obrigado pela ajuda amigo, parabéns!

    Oh! doido disse...
    8 de setembro de 2011 13:00 #

    Muito bom valew

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.