Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Artículos relacionados

Este truco es muy sencillo y muy útil, sirve para mostrar los artículos relacionados con el que estés viendo, siempre y cuándo lleve la misma etiqueta. Al estar agrupado en una etiqueta, se mostrarán los títulos de otros posts...


Si quieres hacer el truco simplemente sigue los pasos que te mostraré...

Diseño>edición HTML>expandimos artilugios


1) Busca la etiqueta ]]></b:skin> y debajo pégale este código:

<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 < 20) {
if (relatedUrls[r] != dirURL) {
document.write('<li><a href="' + relatedUrls[r] + '" title="Post relacionado: '
+ relatedTitles[r] + '">' + relatedTitles[r] + '</a></li>');
}

if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
cuantosPosts++;
if (cuantosPosts == 4) {
break;
}
}
document.write('</ul>');
}
//]]>
</script>

*
En relatedTitles.length && i < 20) debes incluir el número de artículos a mostrar según los caracteres que tengan en el título.

2) Ahora busca esta línea de código:

<b:if cond='data:post.labels'>

Si miras con cuidado, verás que un poquito más abajo de la línea, está la etiqueta </b:loop>

Pega este código justo antes de </b:loop>

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>
</b:if>

* En max-results=10 debes escribir la cantidad máxima de artículos a mostrar.

3) Ahora debes buscar esta línea:

<div class='post-footer-line post-footer-line-3'/>

Si no aparece, busca esta otra (esto dependerá del tipo de plantilla que tengas) :


<p class='post-footer-line post-footer-line-3'/>

4)
Justo después de la línea añade este bloque de código:


<b:if cond='data:blog.pageType == "item"'>
<p>Artículos relacionados:
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</p>
</b:if>

Lo que te señalo en color rojo es el texto que aparecerá, es decir, el título que aparecerá antes de los enlaces de los artículos relacionados.

Puedes cambiarlo por cualquier otra frase, por ejemplo:

Lee también... Mira también... Tal vez te guste... etc.

¡Guarda cambios y listo!

Elisabeth dice...

Genial Jaime lo probaré a ver q tal sale


besitossss

Birdelo dice...

Hola Jaime.

Hace tiempo que buscaba este truco, y no encontraba como ponerlo.

Muchas gracias por tan sencillas explicaciones. Ahora mísmo lo pongo en pruebas!.

Saludines ;).

Jaime Trujillo Escobedo dice...

Hola Elisabeth! ya me contarás :-D es el que yo tengo, por si quieres ir pensando cómo quedaría (eso sí, puedes editar todo, la letra, colores, tamaños... :-D)

Saludines!

Jaime Trujillo Escobedo dice...

Hola Birdelo! la verdad es que yo también, verás, mi plantilla es muy diferente a las de blogger, y faltaban líneas que eran necesarias para hacerlo de la manera que lo explicaban en dónde lo encontraba, hasta que pensé que se podía hacer también de esta forma y que es prácticamente seguro que se puede hacer con nuestras plantillas :-D Saludines compi! :-D

Birdelo dice...

Así es, además creo que no hace falta descargar la plantilla para hacerlo, puesto que no tocamos ningún código de esos que siempre nos castigan.

Un abrazo compi ;).

Fran dice...

Te seleccione a ti con tu blog, entre los 10 mejores blogs para el premio Blog de Oro, pasalo a buscar...

Saludos.

TORNEO CLAUSURA 2009
www.torneo-clausura2009.blogspot.com

PD: Muy bueno ese truco ya lo voy a implementar, saludos

Julia dice...

Hola Jaime!!! ni bien me llego tu articulo lo puse en pr.actica, y el único cambio que hice fue poner te puede interesar en vez de articulos relacionados, y nada, no se que pude haber hecho mal. Saludos.

Jaime Trujillo Escobedo dice...

Es cierto Birdelo! :-D y además no es para nada difícil, en un momento tenemos un truquillo muy útil :-D un abrazoo0 compi! :-)

Jaime Trujillo Escobedo dice...

Hola Fran! que alegría me hace estar en tu lista! muchas gracias por el premio :-D ahora mismo me paso0! :-D

Jaime Trujillo Escobedo dice...

Hola Julia, alomejor puede ser que no tengas etiquetas incluidas? esque estos artículos relacionados sólo se ven cuándo son de la misma etiqueta, por eso debes tener varios artículos con la misma etiqueta (si solo tienes uno con una etiqueta, no se verán artículos relacionados :-S)
Si necesitas algo más aquí estoy
:-D

Clauminara dice...

Hola Jaime
Lo probé en mi blog, sólo puse "También puedes leer" en lugar de "Artículos relacionados" y no funcionó y desde luego que tengo etiquetas, muchas de ellas repetidas.

Jaime Trujillo Escobedo dice...

Hola Clauminara, la verdad es que no sé que decir, yo lo probé en varios de mis blogs de pruebas, (lo volví a poner también en el Balcón) y me funcionó, tal vez pusieras mal algún código sin darte cuenta :-S si quieres, puedes hacerlo "al revés" y dejarlo como estaba, guardar y volver a hacerlo, si necesitas mi ayuda aqui estoy :-)

Manuel de la Fuente dice...

Si me sirvió, gracias.

Jaime Trujillo Escobedo dice...

Manuel de la Fuente, me alegra que te sirviese :-D

Dulce dice...

Hola Jaime. Hacía tiempo que estaba buscando este truquillo y gracias a tí lo he encontrado. He hecho todos tus pasos pero no se me ve en el blog y yo si tengo varias etiquetas publicadas. Que se te ocurre que pudiera hacer mal?
Lo he hecho en este blog. www.entreteniendonosunrato.blogspot.com

Jaime Trujillo Escobedo dice...

Dulce, ¿Colocaste el número de entradas a mostrar y el número de carácteres en el código?

Quizás ese sea el problemilla. ^_^

Dulce dice...

Ya sabes que soy novata en esto de ordenadores y de truquitos mucho más. Dónde tengo que colocar esos números?

Jaime Trujillo Escobedo dice...

Dulce, no te preocupes ^_^ verás, al final del paso 1) y el paso 2) hay unas frases que lo explican. ☺

Dulce dice...

Si, ya lo había visto, pero no sé exactamente dónde tengo que poner esos números.

Jaime Trujillo Escobedo dice...

Dulce, debes colocarlo donde te señalo en negrita ^_^

relatedTitles.length && i < 20)

Y en el otro paso:

max-results=10

Dulce dice...

Gracias, voy a intentarlo

Jaime Trujillo Escobedo dice...

Dulce, si no funciona, buscamos alguna solución o me mandas la plantilla y le doy un vistazo ^_^ ☺

Dulce dice...

Pues no me funciona. No sé lo que estoy haciendo mal.

Jaime Trujillo Escobedo dice...

Dulce, puedes enviarme la plantilla si quieres...

Ve a diseño, edición html y expande la plantilla de artilugios. Después copia toda la plantilla, ponla en un documento de word y me la envias al correo:

elbalcondejaime@hotmail.com

^_^ A ver si puedo solucionarlo =)

Dulce dice...

Gracias. Te acabo de mandar un correo.

Jaime Trujillo Escobedo dice...

Dulce, en cuanto tenga tiempo te respondo. ^_^

Jaime Trujillo Escobedo dice...

Dulce, ya te envié la plantilla. Corregí un par de cosas y ya funciona el truco a la perfección. ^_^

Ville dice...

Yo tampoco lo intente y no me funciona..... es frustrante jeje.... pero es que apartir del segundo paso no estan los codigos que dices Jaime, me imagino que es por la plantilla que tengo

Jaime Trujillo Escobedo dice...

Ville, no te preocupes. Como me has enviado la plantilla al correo, le voy a dar in vistazo y si veo que es un poco complicado de explicar, te lo instalo yo. ^_^

wwe-cv dice...

wa muchisima informacion pero yo se que puedo gandisimo blog y post

Jaime Trujillo Escobedo dice...

wwe-cv, ¿Qué pasaría si no hubiese información? ¡todo sería un cáos!

Te comento que tengo que revisar un poco este truco, pero si dices que te funciona, ¡Genial!.

Me alegra que te haya gustado.

Cocofansclub dice...

Hola Jaime!estoy buscando como poner el enlace a comentarios en las entradas como lo tienes en en tu blog,me puedes decir donde lo ubico??
gracias.
C.M

Jaime Trujillo Escobedo dice...

Cocofansclub, ¿Te refieres a utilizar una imagen / botón como enlace hacia los comentarios de cada entrada? Si es así, te envío a esta entrada en la que aprenderás la manera de hacerlo ;).

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo