Hacker of the Web
Tus ideas en código!...y mas

Gadget unico de Comentarios recientes.

Comentarios recientes, es un gadget que utiliza el feed del blog en el que se instala para poder recopilar los comentarios. Y los formatea de manera que puedan mostrarse. Estas técnicas de autopromoción se utilizan mucho en las web/blogs ya que permiten al lector econtrar posts mas escondidos, pues con el tiempo se van olvidando o enterrando los primeros posts.

Comentarios recientes


Ahora me encontré que en SantyWeb tengo solo un post de mostrar comentarios recientes y también encontré otra manera de hacerlo mucho mas sencillo, es decir, solo agregando un gadget!!.

Primero debes entrar en Diseño>Edición HTML>Sin expandir las plantillas de artilugios.

Por ultimo necesitas agregar en seguida de cualquier etiqueta del tipo:
<b:widget id='XXXXXX' locked='XXXXX' title='XXXXXXXX' type='XXXX'/>

El siguiente gadget:
<b:widget id='HTML101' locked='false' title='Comentarios recientes' type='HTML'>
<b:includable id='main'>
<!-- gagdet por santyweb.blogspot.com -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<script type="text/javascript">//<![CDATA[
SantyFeedCommRSS = function (json) {var tt=45;var m=json.feed.entry.length;var f='';var re=/<\S[^>]*>/g;for(var i=0;i < m;i++){n=json.feed.entry[i];for(var x=0;x < n.link.length;x++)l=(n.link[x].rel=="alternate"?n.link[x].href:0);r='[...]'.link(l);e=("summary" in n?n.summary.$t:n.content.$t);e=e.replace(re,"").substring(0, tt);t=n.author[0].name.$t.link(l).bold();f=f+'<div class="SantyCommRec">'+t+' dijo... <br/>';f=f+e+r+'</div>';}document.write(f);}
//]]></script>
<div class='widget-content'>
<data:content/>
<div id="SantyCommsRec">
<script src="http://santyweb.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=SantyFeedCommRSS&amp;max-results=10" type="text/javascript"></script><a href='http://santyweb.blogspot.com' title='gadget por santyweb' alt='gadget por santyweb'> </a>
</div>
</div>
</b:includable>
</b:widget>


Donde el primer número color rojo es el numero de letras que mostrará en cada comentario. El segundo número color rojo es el numero de comentarios.

Y el texto color amarillo, debe ser sustituido por la url de tu blog.

[CSS] Para modificar el estilo de los comentarios puedes usar los siguientes selectores CSS:
#SantyCommsRec {
/* Estilo para el contenedor general */
color:#0000CC;
border:1px dotted white;
}

#SantyCommRec {
/* Estilo para los conetenedores de cada comentario, y para el texto */
margin:2px;
background:#0000EE;
text-color:#EEEEFF;
border-bottom:1px solid #CECECE;
}

#SantyCommRec a{
/* Estilo para los links de los comentarios */
color:white;
border-bottom:.5px dotted white;
}
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

11 comentarios !

José GDF dijo...

Esto, en teoría, cambiando la URL de tu blog por el propio debería funcionar, pero no es así. Tal como está, he probado en un blog de pruebas y me muestra los últimos comentarios de este, tu blog, pero poniendo la dirección de mi blog en src="http://santyweb.blogspot.com/feeds/comments/default?alt=json... no va. Algo falla... No sé de JavaScript tanto como para averiguar lo que falla.

De todas formas, dejándolo como está, con los datos de tu blog, va de cine y carga mucho más rápido que el script que va circulando hace tiempo que depende de las pipe de Yahoo, así que depurándolo un poquito, lo tienes.

Para las pruebas usa la url de otro blog a ver qué pasa.

Buen trabajo y a ver si ves el fallo.

SäNTÿ dijo...

José GDF, ya lo he solucionado. Creo que ese gadget esta sencillo pero cumple con su función que es lo mas importante. Y de depuración ni hablamos solo es una linea de código xD!!

José GDF dijo...

Ahora sí, SäNTÿ. Lo tengo funcionando en el blog de pruebas. Antes de acabar la tarde o mañana a más tardar lo pongo en el blog bueno, va de PM, porque no depende de nada más que del propio Blogger

Por curiosidad, ¿qué linea era la que estaba mal?

SäNTÿ dijo...

José GDF, casi siempre los publico sin generalizarlos. Pues los codifico solo para mi blog un tiempo y despues que veo que funciona bien. Los publico, pero mi blog en el feed tiene una estrucutura de:
entry[x].summary.$t
Pero algunos otros blogs la tienen de la siguiente forma:
entry[x].content.$t
asi que para generalizar hago lo siguiente:
e=("summary" in n?n.summary.$t:n.content.$t)
Y de esa forma busca cual es la estructura del blog y consigue los datos.

Sergio dijo...

Hola wenas, una pregunta amigo, ¿como haces para poner la etiqueta (o pestaña) "secciones", que tienes arriva en el top de forma que al pasar el mouse se abra una lista de menú? Es decir un menú desplegable, es bastante chuo.

Un salduo, felicidades por el blog!

SäNTÿ dijo...

Sergio, hola!!

es con un plug-in de JQery

_pAbLeRaS_ dijo...

porque si privatizo mi blog para unos usuarios en concreto no puede visualizarse los ultimos comentarios. Se puede modificar para poder privatizar el blog o no es posible ? gracias

nuiT.·* dijo...

Muchas gracias por esta ayuda!
Ya inserté el gadget con los últimos comments.

Aunque no me animé (aún) a cambiar la letra y el color.
Lo único que no me gusta mucho, es que quedan como "amontonados"... no sé si puede arreglarse eso...

Por cierto, cómo se hace para que salga (allí arriba, donde se ve el link de tu blog en el navegador), esa image que caracteriza tu blog (la carita, no sé si me explico bien) en vez de la "B" de blogger?

Otra vez muchas gracias!

saludos!

nuiT.·*

AlmaRockero dijo...

Gracias funciona genial, y lo conseguí a la primera, pero tengo una duda, los comentarios se me quedan pegados, ¿como hago para que aparezca un espacio entre comentario y comentario?

SäNTÿ dijo...

AlmaRockero.

Saludo!, para separar los comentarios puedes agregar lo siguiente antes de la etiqueta:
]]></b:skin>:


#SantyCommRec {
margin:2px 0px;
}

albertorh dijo...

Se que esto tiene bastante tiempo, pero yo pregunto por si me puedes ayudar.
Hago lo que indicas y me salen tus comentarios recientes, pero a la hora de sustituir por el nombre de mi blog, no me sale ningún comentario reciente (ni de tu blog ni del mío)

¿Sabes qué tengo que hacer?

Gracias


Página Principal
Arriba