martes, 12 de mayo de 2009

ULTIMOS COMENTARIOS

Tener en nuestra sidebar un gadget con los últimos comentarios puede ser muy interesante tanto para los lectores del blog como para el propietario ya que de una forma muy rápida se puede observar cuales son los temas que están actualmente en 'discusión', recordar que hacer comentarios en otros blogs es muy interesante ya que son enlaces a vuestro blog. Insertarlo en el blog es muy sencillo y os mostraré como hacerlo.

En primer lugar:(En la plantilla):

Nos vamos a Diseño->Edición de HTML y buscaremos
]]></b:skin>, una vez localizado copiaremos justamente encima el siguiente código.

/* ULTIMOS COMENTARIOS RINCON BLOG */
.txtmsg {margin: -20px 0 0 0;}

Guardaremos los cambios y listo.

En segundo lugar:(Nuevo elemento)

Como lo normal será tenerlo en la sidebar, añadiremos un nuevo elemento de tipo HTML/Javascript y allí pegaremos el siguiente código.

<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"/>';
caxitos='<img src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SeJpxgrXlGI/AAAAAAAAGmg/7KS4S9cQiro/s320/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] = "Ene";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Abr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Ago";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dic";
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('El ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ');
if( entry.author[0].name.$t == 'Caxitos'){ document.write(Caxitos)}
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 + ', dijo' +'</a> ');
if (showposttitle == true) document.write(' en ' + 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 + '">(leer mas)</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://AQUIVUESTROBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Modificar AQUIVUESTROBLOG por el nombre de vuestro blog, guardaremos los cambios y listo, un código bastante largo pero muy simple de insertarlo.
Llegado este punto podremos observar el resultado, nos mostrará todos los usuarios con el mismo icono.

Personalización:

Este punto principalmente consiste en poner un icono para los distintos comentaristas de nuestro blog.

Diferenciaremos tres grupos:


1. Comentaristas
2. Autor
3. Anonimos

Lo primero que deberemos hacer es sustituir las 3 apariciones de caxitos por vuestro nombre tal y como aparece en las firmas de vuestro blog.

Seguidamente tendremos que buscar los iconos que queramos que acompañen a los comentarios, yo utilizo este buscador de iconos. Buscaremos 3 recordar uno para cada una de las categorías mencionadas anteriormente, los descargaremos a nuestro ordenador y seguidamente los alojaremos en un servidor de imagenes, guardamos las direcciones generadas y procederemos de la siguiente forma:

Reemplazaremos nuestros códigos sabiendo que el código verde hace referencia a la dirección de la imagen de los comentaristas, el azul al del autor y el rojo al de los anonimos.
Guardamos y listo!!!


4 Comentarios:

Merlina dijo...

Lo probé en mi blog, hasta cuando llega la perzonalización, pero me dí cuenta que no hace falta sustituir el nombre Caxitos por el del usuario, porque dice el mío igual.
Si retoco la URL de las imágenes no me aparece en el blog. Por ahí si tú me dices que hay que poner en TinyPic (URL y cambio de tamaño), por ahí quede en mi blog.
Muchas gracias amigo.

caxitos dijo...

Merlina El tema de poner tu nombre en lugar de Caxitos simplemente es para que muestre una imagen diferente cuando seas tu la que comenta, si te fijas en mi caso, aparecen imagenes diferentes dependiendo si soy yo yo el comentador o son otros los comentadores. Puedes dejarlo tal cual simplemente te apareceran las mismas imagenes para todos los comentadores. Me alegro te funcionara!

Sumer dijo...

Una pregunta Caxitos, en vez de poner íconos cuando alguien comenta, ¿se podrá poner el anónimo de un color, el visitante de otro y mi nombre de otro?, o sea, los enlaces. En tu caso, por ejemplo, que diga Caxitos y cuando pases la flecha por arriba se haga Caxitos de color naranja, ¿así, pero con los colores que yo quiera?. Gracias amigo.

Publicar un comentario en la entrada

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.