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.