Artículos Relacionados en blogger

Para poder colocar este Widget en blogger que te mostrara una lista de "articulos relacionados" del post que este viendo, se debe modificar el codigo de blogger. La web donde encontre este truco es purplemoggy en ingles.

1. Ve a la Pestana Diseño - Edicion de HTML y busca la etiqueta "Head" yo la encontre por la linea 955. (No actives la casilla "Expandir plantilla de artilugios")

2. Cuando localices esa etiqueda debes pegar el siguiente codigo, encima de esa etiqueta.

<script type="text/javascript">
//<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
      for (var i = 0; i < json.feed.entry.length; i++) {
        var entry = json.feed.entry[i];
        relatedTitles[relatedTitlesNum] = entry.title.$t;
          for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'alternate') {
              relatedUrls[relatedTitlesNum] = entry.link[k].href;
              relatedTitlesNum++;
              break;
            }
          }
      } 
    }
function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
      if(!contains(tmp, relatedUrls[i])) {
        tmp.length += 1;
        tmp[tmp.length - 1] = relatedUrls[i];
        tmp2.length += 1;
        tmp2[tmp2.length - 1] = relatedTitles[i];
      }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
 }
function contains(a, e) {
  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  return false;
}
function printRelatedLabels() {
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var i = 0;
  document.write('<ul>');
  while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
      r++;
    } else {
      r = 0;
    }
    i++;
  }
  document.write('</ul>');
}
//]]>
</script>

Es este codigo escrito en javascript, el que hace la mayor parte del trabajo. Consta de cuatro funciones que se encargan de buscar, depurar y presentar en pantalla los resultados.

3. Guarda la plantilla.

4.  Una ves que guardaste los cambios, activa la casilla "Expandir plantillas de artilugios", y busca el siguiente trozo de codigo:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Cuando lo encuentres, reemplazalo por este:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Ahora vuelve a "guardar la plantilla" y dirigete a "Elementos de la Pagina", añade un nuevo gadget en el lugar que quieras de aparesca este gadget.

coloca el codigo:

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Añadele un titulo como: "Post relacionados", "Articulos relacionados", "Entradas relaciondas" o cualquier otro nombre, guarda los cambios.