Tabla de últimos comentarios (2)

Con este truco podrás mostrar los últimos comentarios en tu blog. Además, podrás decorar el gadget con las ideas que se te vayan ocurriendo...

Para aplicarlo en el blog usarás un script basado en JSON.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega el 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 Enero"; k_rc[2]=" de Febrero"; k_rc[3]=" de Marzo"; k_rc[4]=" de Abril";
k_rc[5]="de Mayo"; k_rc[6]=" de Junio"; k_rc[7]=" de Julio"; k_rc[8]=" de Agosto";
k_rc[9]=" de Septiembre"; k_rc[10]=" de Octubre"; k_rc[11]=" de Noviembre"; k_rc[12]=" de Diciembre";
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('...<br/>');
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;padding:5px 5px 5px 5px;color:#cccccc;text-align:left;margin:0px auto;"><script src="URL DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=comentarios"></script></div>

Sustituye URL DE TU BLOG por la dirección de tu blog.

Para editar el contenido:

var numero=3; Indica el número de comentarios a mostrar
var fechas=true; Indica que la fecha debe mostrarse (para ocultarla cambia true por false)
var titulo=true; Indica que el título debe mostrarse (para ocultarlo cambia true por false)
var resumen=100; Indica el número de carácteres que aparecerán en el resúmen del comentario
var linea=cccccc; Indica el color de las líneas horizontales

Para editar el aspecto:

border:2px solid #cccccc; Son las propiedades del borde. 2px es el grosor, Solid el estilo (para ver los estilos de borde ve a esta entrada), #cccccc el color (mira en la tabla de colores para conseguir los códigos).

color:#cccccc; Es el color de texto (la fecha y el nombre del comentarista). Puedes cambiar el color usando la tabla de colores.

font-size:14px; El tamaño del texto.

text-align:left; La alineación del texto (está alineado a la izquierda) para centrar el texto añade center en lugar de left. Para alinear el texto a la derecha añade right en lugar de left.