08 abril 2009

Últimos Comentarios


Este es un script que muchos utilizamos, como últimamente hemos tenido problema para alojar los script, este no es necesario. Vagabundia nos daba esta alternativa debido a que el anterior tenia que ser alojado en tu alojador.

  • Lo primero:
Tenemos que ir a Diseño > Elementos de la Página > Añadir un Gadget, y pegaremos lo siguiente:

Ver/Ocultar Código

<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; 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]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
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(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'&hellip;');
}
document.write('</a></li>');
}
}
</script>

<script type="text/javascript">
var a_rc=10;
var m_rc=false;
var n_rc=false;
var o_rc=60;
</script>

<script src="http://NOMBREBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

  • Segundo:
Aquí las cosas que podemos modificar:

Cambiaremos donde dice "NOMBREBLOG" por el nombre del blog.

Modificación de algunas variables:


<script type="text/javascript">
var a_rc=10; // la cantidad de comentarios a mostrar
var m_rc=false; // poner en true si se quiere mostrar la fecha
var n_rc=false; // poner en true si se quiere mostrar el título del post
var o_rc=50; // es la longitud máxima a mostrar de cada comentario (caracteres)
</script>

Solo guardamos y tendremos los últimos comentarios de blog.

Si quieres personalizarlo solo hacemos lo siguiente:

Diseño > Edición HTML > Expandimos en artilugios y busca algo parecido a esto(Vamos a buscar el código del widget donde colocamos el script):


<b:widget id='HTMLXX' locked='false' title='EL TITULO' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ultimosComentarios'><data:content/></div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Le agregaremos lo que este en negrita para así darle un estilo.


Para el estilo CSS solo buscamos esto ]]></b:skin> y colocaremos los siguientes y puedes agregarle el estilo que tu prefieras(Recuerda adaptarlo a tu gusto).


/* Últimos Comentarios
----------------------------------------------- */
#ultimosComentarios li {
/* es el rectángulo que contiene cada item de la lista */
background: transparent url() no-repeat 0px 4px;
border-bottom: 1px dotted #223344;
border-top: 1px dotted #223344;
margin-bottom: -1px !important;
padding: 8px 0 5px 28px;
}
#ultimosComentarios li:hover {
background-color: #EEEEEE;

/* efecto sobre esos rectángulos */
}
#ultimosComentarios b {
/* es el nombre del autor del comentario */
color: #333333;}

#ultimosComentarios a, #ultimosComentarios a:link, #ultimosComentarios a:visited {
/* el texto del comentario */
color: #BBB;}

#ultimosComentarios a:hover {
/* efecto sobre el enlace */
color: #000000;}

¡Y guardamos!

Pizcos nos ofrece una alternativa también.


Fuente: Vagabundia


25 comentarios:

  1. ahh!! esta muy bueno el truquillazo!!

    ResponderEliminar
  2. tesoro no recuerdo como lo inserté, pero por suerte funciona bien!!!! beijos!!!

    ResponderEliminar
  3. no esto es nuevo (me digo a mi misma Antony), lo probaré, luego te consulto si algo no funciona....besitos!!!

    ResponderEliminar
  4. Hola Antony:

    Ese mísmo truco es el que utilizo para mostrar los míos, aunque decidí no personalizarlos y dejarlos simples, porque ya los CSS me tienen medio arto. Por ahora me centro en el contenido de mi blog, dejando un poco de lado tanto tunear que quedaré ciego.

    Saludos cordiales!.

    ResponderEliminar
  5. Hola Sharysce! :) =) Saludos!

    Hola Graciela! Vale! Cualquier cosa me avisa. Saludos! :)

    Hola Birdelo! Lo bueno es que tienes para elegir. A mi me encanta los CSS, son muy bueno para arreglar el blog aunque algo liado a veces. Saludos! :)

    ResponderEliminar
  6. Antony tengo problemas con mi plantilla, en la parte de abajo de todo, no me deja poner nada, y esta diseñada para los feed. Como hago?? Ayuda!!

    ResponderEliminar
  7. ¡Hola Marisol! Ya he dejado una respuesta en tu blog. Si sigue el problema avísame. Saludos!

    ResponderEliminar
  8. Hola mi cielo!!!...estarás estudiando mucho :)...ni cuenta que las últimas entradas no estaban más, dije Antony lo ha puesto claro, aquí estoy...besitos!!!

    ResponderEliminar
  9. Ea! que util, siempre quise poner este gadget peroo me daba como flojerita buscar y enredarme la vida con el codigo pero aqui lo mostraste muy facilongo.! Funciono perfectamente. Muchas Gracias!

    ResponderEliminar
  10. ¡Hola Graciela! Si estudiando mucho. Gracias por estar ahí. Saludos!

    ¡Hola Gabbby! Gracias a ti... Saludos!

    ResponderEliminar
  11. Hola a todos soy de Venezuela y me encanta Telemundo y sus novelas. Aqui va empezar el lunes la telenovela Doña Bárbara. El punto es que Televen el canal que la va a traer, al principio si la novela no tiene mucha audiencia la empiezan a cortar, asi que yo invito a todos los venezolanos que entran a esta pagina a verla y a apoyarla para que sea un gran y rotundo exito... NO SE LES OLVIDE HOY LUNES 21 A LAS DIEZ PM POR TELEVEN. Gracias... EL SUPER FAN DE DOÑA BARBARA

    ResponderEliminar
  12. Hola, he colocado toda la parrafada esa en el blog y salen los últimos comentarios muy bien, pero no sale ni el autor del coemntario ni la fecha, ¿qué quiere decir exactamente eso de poner en true?.
    Espero ayuda, gracias

    ResponderEliminar
  13. Muy buena herramienta, comparte tus artículos con los usuarios de fooxweb.com

    ResponderEliminar
  14. excelente me sirvió mucho para lo que estaba haciendo gracias!
    -------
    ganar dinero en internet

    ResponderEliminar
  15. muchas gracias por la aplicacion, la estamos usando con mucho exito.

    ResponderEliminar
  16. Gracias, ha sido de gran ayuda.

    ResponderEliminar
  17. From the loads of comments on your articles, I assume I am not the only one having all the enjoyment here!
    Keep up the good work. Thanks a lot !!
    Have a good day !!

    ResponderEliminar
  18. Your article is good.Thanks for your sharing.

    ResponderEliminar
  19. Gracias por esta info, he estado buscando artículos como este hace bastante tiempo! hasta que por fin di con el apropiado! mañana mismo pondré en practica lo que aprendí aquí y les estaré comentado. Un Saludo!

    ResponderEliminar
  20. Estaba buscando esta información por toda la web!! muchas gracias!

    ResponderEliminar
  21. Muchas gracias por compartir información!

    ResponderEliminar
  22. Un excelente truco...realmente me funciono. Gracias, no te imaginas el tiempo que llevaba buscando algo parecido.

    ResponderEliminar
  23. bueno el truquillo, veo que muchos andavamos buscando una pagina asi

    ResponderEliminar
  24. gracias por el truco muy bueno, un saludo

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!