Tabela de comentários recentes

Com este truque você pode exibir os comentários mais recentes em seu blog. Além disso, você pode decorar o gadget como quiser.. Siga o @b...

Com este truque você pode exibir os comentários mais recentes em seu blog. Além disso, você pode decorar o gadget como quiser..

Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.



Para aplicá-lo no blog, você usará um script baseado em JSON.

Layout > Adicionar gadget > Html-javascript

Cole o script:

<script type="text/javascript">
function comentarios(json) {
for(var i=0; i < numero; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]=" de Janeiro"; k_rc[2]=" de Fevereiro"; k_rc[3]=" de Março"; k_rc[4]=" de Abril";
k_rc[5]="de Maio"; k_rc[6]=" de Junho"; k_rc[7]=" de Julho"; k_rc[8]=" de Agosto";
k_rc[9]=" de Setembro"; k_rc[10]=" de Outubro"; k_rc[11]=" de Novembro"; k_rc[12]=" de Dezembro";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(fechas==true){
document.write(j_rc+' '+k_rc[parseInt(i_rc,10)]);
}
document.write('<ul>
<li><b>' + b_rc.author[0].name.$t + '</b>');
if(titulo==true){
document.write(' en ');
document.write(f_rc);
}
document.write('...
');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < resumen) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,resumen);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'&hellip;');
}
document.write('</a></li>
</ul>
');
if(i < numero-1){
document.write('<hr style="color:#' + linea + ';"/>');
}
}
}
</script>
<script type="text/javascript">
var numero=3;
var fechas=true;
var titulo=true;
var resumen=100;
var linea=cccccc;
</script>
<div style="border: 2px solid #cccccc; color: #cccccc; margin: 0px auto; padding: 5px 5px 5px 5px; text-align: left;">
<script src="URL DO BLOG/feeds/comments/default?alt=json-in-script&amp;callback=comentarios">
</script></div>

Substitua URL DO BLOG pelo endereço do seu blog.

Para editar o conteúdo:

var numero=3; Indica o número de comentários a ser mostrado
var fechas=true; Indica que a data será mostrada (para ocultá-lo troque true por false)
var titulo=true; Indica que o título será mostrado (para ocultá-lo troque true por false)
var resumen=100; Indica o número de caracteres que aparecerá no resumo dos comentários
var linea=cccccc; Indica a cor das linhas horizontais

Para editar a aparência:

border:  2px solid #cccccc; São as propriedades da borda. 2px é a espessura, Solid é o estilo (para ver os estilos de borda veja este post), #cccccc é a cor (veja na tabela de cores para obter os códigos).

color:#cccccc; É a cor do texto (a data e o nome do comentarista). Você pode alterar a cor usando a tabela de cores.

font-size:14px; O tamanho do texto.

text-align:left; É o alinhamento do texto (aqui alinhado à esquerda) para centralizar o texto adicione center em vez da left. Para alinhar o texto à direita em vez da left adicione right.

COMENTÁRIOS

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Tabela de comentários recentes
Tabela de comentários recentes
http://1.bp.blogspot.com/-klMdF4Z5OWQ/T4j1MKl35TI/AAAAAAAAAZQ/wObw1lk_bXA/s1600/tabela+de+comentarios+recentes.png
http://1.bp.blogspot.com/-klMdF4Z5OWQ/T4j1MKl35TI/AAAAAAAAAZQ/wObw1lk_bXA/s72-c/tabela+de+comentarios+recentes.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2011/11/tabela-de-comentarios-recentes.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2011/11/tabela-de-comentarios-recentes.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar