sábado, 28 de junio de 2008

Artículos relacionados - Blogger

Este hack sirve para poner Entradas Relacionadas al final de cada artículo, esté ya está configurado, mostrará 3 entradas con un máximo de con 50 caracteres de largo.

No se sabe si Blogger implemente esta característica en versiones futuras, pero en Blogger Draft donde podemos ver características experimentales de Blogger no hay nada al respecto.

Basado en el script de JMuir.

Para implementar Entradas Relacionadas buscamos </b:skin> y pegamos justo después el siguiente script:
<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 cuantosPosts = 0;
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
var dirURL = document.URL;
document.write('<ul>');
while (i < relatedTitles.length && i < 50) {
if (relatedUrls[r] != dirURL) {
document.write('<li><a href="' + relatedUrls[r] + '" title="Artículos relacionado: '
+ relatedTitles[r] + '">' + relatedTitles[r] + '</a></li>');
}
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
cuantosPosts++;
if (cuantosPosts == 3) {
break;
}
}
document.write('</ul>');
}
//]]>
</script>
Buscamos el siguiente fragmento (Si no lo encuentra busquen por data:label.isLast):
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
Justo después pegamos:
<!-- recientes -->
<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'/>
</b:if>
<!-- recientes fin -->
Ahora por último buscamos:
<div class='post-footer-line post-footer-line-3'/><div>
(Puede venir como p en vez de div)

Pegamos justo después:
<div class='post-footer-line post-footer-line-4' style='margin-left:60px;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='font-weight: bold;'>Artículos Relacionados:</span><br/>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div>
Guardamos la plantilla y camos a cualquier artículo independiente y justo antes de los comentario deberá aparecer los artículos recientes.

Comentarios y Consultas

Los mensajes serán revisados a veces. No te olvides que soy una persona, no se trata de faltar al respeto, todos tenemos opiniones, no hay que enojarse.

Puedes marcar Notificarme para recibir la notificación de la respuesta.

19 comentarios:

  1. He estado probando el tutorial en mi blog y no me aparecen las entradas relacionadas, aparece el título diciendo Artículos Relacionados pero no aparece nada, he probado en varias entradas que tienen exactamente las mismas etiquetas y nada de nada.
    Como veo que a ti si te funciona me gustaría saber si has cambiado algo.

    Nos vemos

    ResponderBorrar
  2. vuelve a intentarlo, ya corregí el articulo.

    ResponderBorrar
  3. Perfecto, ahora si me funciona. Muchas gracias por tu ayuda.

    ResponderBorrar
  4. No aparece en mi sitio. Hice todo tal cual lo escribes, pero no dio resultado. De todas formas, felicitaciones por la forma en que explicas, es bien entendible.
    Abrazos y felices pascuas

    ResponderBorrar
  5. Te recomiendo me envíes tu platilla al correo de sitio, pues el si notas arriba de comentarios, funciona perfectamente. (Usa el correo de la barra derecha)

    ResponderBorrar
  6. Buenisimo tu articulo, pero no me funcionó Gracias ...

    ResponderBorrar
  7. Me retracto de lo que escribi, me funcionó muy bien muchas gracias ...

    ResponderBorrar
  8. muchas gracias, me sirvió de mucho :D

    ResponderBorrar
  9. Hola, una consulta, los artículos relacionados me aparecen cuando he accedido a la página principal del post, qué sucede si también quiero que vaya en la página principal, donde se encuentra el listado de posts, y cada post con un breve resumen. ¿Cómo harías para que también aparezcan los artículos relacionados ahí?

    ResponderBorrar
  10. No sería recomendable hacer eso, este script es muy pesado en cálculos, es por eso que se limita a 3 artículos recomendados, entre más aparecen más lenta se vuelve la carga de la página.

    ResponderBorrar
  11. hola sabes, no entiendo porque no me funciona, he hecho todos los pasos y nada, solo me sale articulos relacionados nada mas, me podrias ayudar

    ResponderBorrar
  12. Pues envia la plantilla al correo del sitio.

    ResponderBorrar
  13. Hola Matius: Me resultó muy bien el tutorial, salió casi perfecto, sólo hay un problema. Cuando no hay artículos relacionados, simeplemente me muestra "Artículos relacionados" y nada más. ¿Cómo lo puedo hacer para que no se muestre nada -es decir, no "Artículos relacionados"- en las entradas en donde aún no hay artículos que estén relacionados?

    Muchos saludos.

    ResponderBorrar
  14. A tu pregunta:

    El error que le veo en tus artículos es que estas exagerando el uso de las etiquetas haciéndolas demasiado difusas, úsalas como si se trataran de categorías; simplifica y jerarquiza, por ejemplo;

    Las etiquetas:
    Lo peor de todo, Ray Loriga

    Jamás empataran con:

    Baudolino, Umberto Eco incluso si se trata del mismo tipo de tema.

    Porque no las clasificas como por ejemplo, la primera:

    Drama, Literatura, Ensayo, Cuento, Ray Loriga, libro

    La segunda:

    Retorica, Comunicación, Ensayo, Umberto Eco, Revista

    Así en este ejemplo vemos que comparten la etiqueta Ensayo, por tanto aparecerán como Artículos relacionados.

    Cuando uses las etiquetas es mejor no usarlas para clasificar al autor o por título del libro o nunca funcionara correctamente los artículos relacionados

    ResponderBorrar
  15. Puedes hacer este tutorial:

    http://cgnauta.blogspot.com/2009/10/articulos-relacionados-con-miniaturas.html

    ResponderBorrar

El ascenso de Skywalker(2019)

Joker 2019Una película que ha roto a divido a los fans muchos culparán a sus director por querer reparar Los últimos Jedi, no es su culpa al final.

[Leer artículo...]

La Espada del Inmortal (2019

Blade of The Immortal (2019)La historia de Manji, un guerrero samurái sin señor que ha sido condenado con la inmortalidad...

[Leer artículo...]

Kemono Michi: Rise Up (2019)

Kemono Michi: Rise Up (2019)Del autor de Konosuba, Genzo Shibata es un luchador japonés que es transportado a un mundo de fantasía, quien está obsesionado con los seres peludos.

[Leer artículo...]

ELI (2019)de Netflix

ELI (2019)de Netflix Reseña y criticaPelícula lanzada directo a video que nos cuenta una historia que parecería sacada de la Dimensión desconocida.

[Leer artículo...]

  © Cgnauta | CGsign blog | [Ver Licencia de uso] | Matius Lenin, Creative Commons, algunos derechos reservados

Regresar ARRIBA  

Vistas desde Mayo 2009

▼/▲ Archivo del Blog

Visitas totales

Información

IBSN: Internet Blog Serial Number 01-77-94-2008

Esta plantilla es creada y diseñada por Matius Lenin para CGnauta blog. Con Scripts de JQuery bajo licencia GNU/GPL. CGnauta es una marca registrada propiedad de Matius Lenin.