Solucionando scripts: Últimos comentarios

Siguiendo con la idea de terminar con el problema de los alojamientos, esta sería una solución válida si se usa un script para colocar la lista de los últimos comentarios en la sidebar. Los detalles son los mismos que en la entrada original, sólo vamos a agregarlo a la plantilla de forma directa y dejar de mendigar alojamientos.

@Blogger: ¡queremos un espacio para alojar archivos !!!

Podemos hacer dos cosas, o lo insertamos directamente antes de </head> o bien, si no queremos "verlo" porque es molesto tener tanto código, podemos agregarlo en un elemento HTML.

Confieso que parecía fácil pero me ha costado trabajo hacerlo porque si bien en esos elementos, Blogger no tiene restricciones en cuanto a los caracteres como < > y & que estan prohibidos en la plantilla misma, al parecer, hace algunas cosas raras que comento en una nota aparte por si alguien está interesado [Ver/Ocultar detalles]

Este código es perfectamente aceptable:
for(var i=0;i<a_rc;i++) {
sin embargo, Blogger lo cambia provocando un error. Al parecer, se confunde con el símbolo < y para evitar que esto ocurra, hay que dejar un espacio intermedio:
for(var i=0; i < a_rc; i++) {
Lo mismo ocurre con esta línea:
if(l_rc.length<o_rc) {
nuevamente, se soluciona separando el símbolo < con espacios atrás y adelante:
if(l_rc.length < o_rc) {

Vamos a la solución práctica.

Agregamos un elemento HTML, le ponemos el título y allí, copiamos las tres partes. Primero, el script con al función, luego las variables que podemos configurar a gusto y por último la llamada.

Sólo debe cambiarse el nombre del blog en la última línea:

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

Para modificar las variables, simplemente cambiamos los valores:

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

Con eso, el script funcionaría sin necesidad de alojarlo en otro sitio y tendrá las mismas propiedades gráficas que el resto de las listas de la sidebar.

Para quien quiera personalizarlo, lo más sencillo es, luego de agregar el elemento, ir a la edición HTML, expandir los artilugios y buscar algo así:

<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 ese DIV con un ID para identificarlo claramente y asignarle definiciones CSS antes de </b:skin>:

#ultimosComentarios li {
/* es el rectángulo que contiene cada item de la lista */
}
#ultimosComentarios li:hover {
/* efecto sobre esos rectángulos */
}
#ultimosComentarios b {
/* es el nombre del autor del comentario */
}
#ultimosComentarios a, #ultimosComentarios a:link, #ultimosComentarios a:visited {
/* el texto del comentario */
}
#ultimosComentarios a:hover {
/* efecto sobre el enlace */
}