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.

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;
}