Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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.

bleid dice...

Hola jaime
otra vez genial, ya le he puesto y ha quedado muy bien
gracias

Jaime Trujillo Escobedo dice...

bleid, pues si que quedó lindo el tablón de últimos comentarios ^_^ me alegra que consiguieras poner el botón de enlace. =)

Isaac Chavero dice...

Me gustaria incluir los comentarios en una página estética ¿como podría hacerlo?

Jaime Trujillo Escobedo dice...

Por el momento desconozco la forma de conseguirlo, Isaac. Las páginas individuales es algo que blogger controla y aunque voy a intentarlo alterando algunas condicionales, no te aseguro que pueda darte la solución :S.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo