Entradas relacionadas en Blogger

Las entradas relacionadas son bastante interesantes, pues explicaré como funciona. Según las etiquetas que coloques en cualquier post, el script revisará el feed de cada etiqueta y colocará una entrada por etiqueta en las entradas relacionadas, sin repetición de alguna.

Para conseguir el script, necesitas descargarte el archivo zip, que contiene el archivo Related.js. Y despues subirlo al host que quieras.

O simlemente puedes copiar la suguiente URL, pero estarás limitado a usarlo hasta que el autor lo borre:

http://ihgvgw.blu.livefilestore.com/y1pKG7FqNxUVmDTinnwGXOX3AIDx5f6vr13sp5Z0koXvbews0HfnTTXUxRZ-dc_ETvGH68SLPsnXP36ENA1D64J_g/related.js

[1] Despues debes ir a Diseño>Edicion HTML>Expandir plantillas de artilugios, donde hay que colocar la siguiente etiqueta antes de </head>:

<script type='text/javascript' src='URL'></script>

Donde:

URL es la URL del archivo Related.js

[2] Ahora tienes que localizar la parte que muestra las etiquetas de cada entrada, es decir despues de esta etiqueta:

<span class='post-labels'>

Lo que verás será algo parecido a esto:

<span class='post-labels'>
<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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

[3] Justo ahi deverás agregar lo que esta en rojo:

<span class='post-labels'>
<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 != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +       &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'></script>
</b:if>
</b:loop>
</b:if>
</span>
</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-post'>
<p style='text-align:center;'>Entradas Relacionadas:</p>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

[4] Cabe rescatar que, la siguientes lineas son para mostrar las entradas relacionadas y puedes colocarlas donde te parezca:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-post'>
<p style='text-align:center;'>Entradas Relacionadas:</p>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

[5] Para modificar el estilo, puedes auxiliarte del id del contenedor que es related-post:

/*        Entradas relacionadas       */
#related-post {

/*estilo*/

}

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.