Entradas relacionadas en Blogger

7 de julio de 2009 623 comentarios ,
Me pregunta el Dr. Pagé cómo poner las entradas relacionadas en Blogger. Rosa hizo una excelente adaptación del código de JMiur para conseguir esta herramienta, la cual se basa en la recopilación de palabras y etiquetas que se relacionen con la entrada en cuestión.

Primero entra a Plantilla | Edición de HTML y justo antes de </head> pega lo siguiente:
<script>
//<![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 == 5) {
break;
}
}
document.write('</ul>');
}

//]]>
</script>
Ahora busca esta línea:
<b:loop values='data:post.labels' var='label'>
Y justo antes del siguiente </b:loop> pega esto:
<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>
Ya sólo busca esta línea:
<div class='post-footer-line post-footer-line-3'
Y pega debajo de ella lo siguiente:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer-line post-footer-line-4' id='relpost'>
<h4>Entradas relacionadas:</h4>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div></b:if>
Guarda los cambios y listo. El resultado lo verás haciendo click en una entrada de tu blog, pues no se mostrará en la página principal.

NOTA: Es importante que tus entradas tengan al menos una etiqueta, y que las etiquetas se muestren en el post para que las entradas relacionadas funcionen.


623 comentarios en:

" Entradas relacionadas en Blogger "

  1. Muy bueno el post!

    Este tipo de herramientas son infaltables en un blog. Yo presonalmente les puedo decir que luego de agregar las entradas relacionadas, la cantidad de páginas vistas ha aumentó considerablemente!

    Si alguien lo agrega pasenme el link del blog para ver como queda.

    Un abrazo!!!

    ResponderEliminar
  2. Ummm, fíjate que yo siempre estuve un poco indeciso sobre si ponerlo o no, pero si dices que te aumentó mucho las páginas vistas haré la prueba. A ver si mi plantilla lo acepta porque tengo unos scripts medios extraños, jaja.
    Un abrazo.

    ResponderEliminar
  3. Muy bueno y es infaltable en un blog. Por eso gran cantidad de plantillas ya lo trae incluido pero hay algunos que no traen y que les servira este tuto :)

    saludos!

    ResponderEliminar
  4. Pues con probar no se pierde nada! jajaja.

    Lo que tienes que hacer es tomar el promedio de páginas vistas del Analytics de de 7 días compararlo con el promedio de los próximos 7 días.

    Luego me cuentas los valores, pero como te repito, es muy útil... y mas con los post interesantes que haces tu. Muchos sentirán la curiosidad de verlos.

    No soy adivino, pero supongo que en tu blog las páginas vistas aumentarán al menos, el doble que ahora. Ojala me equivoque y sea el triple. jajajajaja.

    Un abrazo!!!

    ResponderEliminar
  5. Hola Mathias,
    Ojalá y todas las plantillas ya lo tuvieran, nos harían la vida más fácil.
    Saludos.

    Cyberbloggero,
    Gracias por el consejo, ya lo he puesto y veré los resultados esta semana, aunque no creo que sea tanto como tu optimismo, jaja.
    un abrazo.

    ResponderEliminar
  6. Hola amigo ya lo hice pero no veo nada jajajajaj

    ResponderEliminar
  7. No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente. Este mensaje que me da.

    ResponderEliminar
  8. Revisa que estés poniendo los códigos en el lugar correcto.
    Saludos.

    ResponderEliminar
  9. Buen dia amigo ya lo hice de nuevo me acepto el codigo pero no veo que haga nada.

    ResponderEliminar
  10. amigo ya lo logre cuando te conectes avisame para explicarte que hice mal saludos gracias

    ResponderEliminar
  11. Hola Dr. Víctor,
    Me da gusto que lo hayas logrado. Ya entré a tu blog y lo veo funcionando.

    Saludos.

    ResponderEliminar
  12. Muchiiisimas gracias! Me ha funcionado de 10. Saludos!

    ResponderEliminar
  13. Hola La vida Linux,
    Gracias a ti por tu visita.

    Saludos.

    ResponderEliminar
  14. Pues tienes un excelente blog, pero a mi no me funcionó, aparece entradas relacionadas junto a las etiquetas en mi blog pero solo el titulo..

    He intentado varias maneras pero ninguna resulta, creo que es la plantilla

    Saludos..

    ResponderEliminar
  15. Hola Arkanux,

    He visitado tu blog y veo que tienes las entradas relacionadas funcionando perfecto. El truco sólo muestra los títulos, tal y como está en tu blog.

    No entiendo qué es lo que no te ha funcionado.

    Saludos.

    ResponderEliminar
  16. No veo las entradas, segui todos tus pasos

    ResponderEliminar
  17. Hola Jar,

    No sé por qué, repite todos los pasos y revisa que los códigos estén colocados en el lugar adecuado.

    Saludos.

    ResponderEliminar
  18. hay potro diras que soy un molestoso por estar preguntando pero tratare que sea mi ultima pregunta XD....

    Bueno la Ultima line que dices no la encuentro sabes si habra otra??

    ResponderEliminar
  19. Quizá en tu plantilla aparezca como este código:

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

    Saludos.

    ResponderEliminar
  20. hola, me aparece el titulo "entradas relacionada" pero no el link a las entradas. aparte creo que mi plantilla ya no es lo que era... ¿puedes revisar lo que pasa? GRACAIASSS!!! http://paraninosconcabeza.blogspot.com

    ResponderEliminar
  21. hola, he vuelto a revisrar todo y solo aparce el titulo "entradas relacionadas" pero no aparecen los links, ¿qué falta? gracias!! mi correo cuatropordos(arroba)gmail.com çhttp://paraninosconcabeza.blogspot.com

    ResponderEliminar
  22. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  23. Hola potro en mi pagina checa
    http://disneyrocksmx.blogspot.com/2009/11/los-chicos-tambien-leen-revistas-diario.html

    se ven muy amontonadas

    que puedo hacer

    ayudame porfavor

    GRACIAS
    POTRO

    ResponderEliminar
  24. Hola Alex,

    Busca esta parte en tu plantilla:
    .post-footer {
    float: right;
    width: 180px;

    Cambia el 180px por 434px

    Saludos.

    ResponderEliminar
  25. Gracias Potro

    la verdad me ayudo mucho

    gracias

    ESPERO QUE SIGAS ASI, LA VERDAD NINGUNA WEB NOS HECHA LA MANO TANTO EN EL DE ROSA, UNA VEZ PREGUNTE Y ME RESPONDE COMO MUY MUY ENOJADA

    PERO CONTIGO NO, GRACIAS

    ResponderEliminar
  26. Hola Alex,

    Estoy seguro que no es su intención dar esa impresión.
    Qué bueno que se pudo solucionar tu problema.

    Saludos.

    ResponderEliminar
  27. Bueno acabo de cambiar mi plantilla y coloco de nuevo este codigo
    pero me sale esto
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:skin" must be terminated by the matching end-tag "".

    no se que hacer ayudame

    ResponderEliminar
  28. Seguro estás pegando mal el primer código, revisa que no interfiera con alguna otra etiqueta.
    Saludos.

    ResponderEliminar
  29. Lo puse en curiosidades y se ve genial http://curiosidadesofworld.blogspot.com/2009/11/imagen-del-dia-una-isla-desaparece.html

    ResponderEliminar
  30. gracias por tan buena ayuda lo puse en mi pagina y quedo buenisimoooooooooo
    http://economiavenezuela.blogspot.com/

    ResponderEliminar
  31. Me alegro que te haya resultado todo bien.
    Saludos.

    ResponderEliminar
  32. BUENO YO LO HE PUESTO BIEN PERO NO SALE NADA NOSE POR QUE O TALVES ES QUE DURA UNAS HORAS O DIAS PARA MOSTRARSE PERO NOSE DALE UN VISTASO PARA QUE ME AYUDES WWW.SOFOKEMUSIC.NET

    ResponderEliminar
  33. Hola Robin Publicidad,

    No debe tardar en aparecer. Verifica que hayas puesto los códigos en el lugar correcto.

    Saludos.

    ResponderEliminar
  34. Jeje... quedó genial!!! Te estoy robando todos los trucos... sabía que algún dia losiba a necesitar XD... me recorrí todas las entradas, una por una, viendo que me podía servir! XD

    Un abrazo!!!

    ResponderEliminar
  35. Toma de aquí todo lo que necesites que para eso está ;)
    Un abrazo!

    ResponderEliminar
  36. es justo lo qe estaba buscando, este blog esta de 10 !!
    gracias

    ResponderEliminar
  37. Hola Potro!! Encontré las etiquetas, copié como explicás, pero no logro ver nada. Lo verifiqué y está todo ok. Dónde puede estar el error?

    ResponderEliminar
  38. Hola Amalia Boccolini,

    Este hack recopila las entradas relacionadas a través de las etiquetas, es decir, busca otras entradas que contengan la misma etiqueta y las muestra como relacionadas. Veo que en el blog donde lo pusiste la mayoría de las etiquetas sólo contienen una entrada, es posible que sea por eso, o al menos eso quiero pensar, ya que si los códigos están en el lugar correcto no deberías tener ningún problema.

    Saludos.

    ResponderEliminar
  39. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  40. Hola Tux Warez,

    Al parecer no tienes activado el feed de tu blog y el script que se usa necesita leer el feed.
    Entra en Configuración > Feed del sitio y verifica que esté en Completo.
    Espero que con eso se solucione, de cualquier modo verifica que los códigos están en el lugar correcto.

    Saludos!

    ResponderEliminar
  41. Potro, revise que este asi como ud me dice, pero pues si asi esta... no se que pasara...

    ResponderEliminar
  42. Entonces no has de haber puesto los códigos en el lugar correcto. Esa plantilla es parecida a la de este blog y aquí sí funciona, así que debe ser un error en la colocación de los códigos.
    Si quieres haz un respaldo de tu plantilla y mándamela, cuando tenga un poco de tiempo la reviso para ver si se arregla.

    Saludos.

    ResponderEliminar
  43. jajja k buem post pero mi plantilla ya vino incorporado :) s

    ResponderEliminar
  44. Vaya, entonces te han ahorrado el trabajo ;)

    ResponderEliminar
  45. UN GENIO !!!
    SOS UN G-E-N-I-O !!
    Como siempre.
    No encontraba esta entrada en tu blog (con este truco) no se porque, di mil vueltas, fuí a otros lados ... los que dejaste en el link de la entrada... casualmente los mismos... y NO ENTENDÍ NADA en las explicaciones.

    Volví acá.
    Revisé todo hasta que encontré este post :D
    Lo hice.
    (Tenía las 2 ventanas abiertas del navegador)
    Trabajaba en la plantilla mientras leía y copiaba de tu blog.
    Tardé exactamente 3 minutos.
    Guardé la plantilla... yyyyyy.... VOILÁ !!!!!

    PERFECTOOOOOOOOO !!!!!

    SOS UN SUPER-HIPER-RE- GENIO.

    No hay como tus explicaciones.
    Claras.
    Sencillas.
    Directas.

    Master!!

    Besotes.

    TQMMMMMMMM :D

    ResponderEliminar
  46. El mérito es tuyo, sino fueras tan perseverante y capaz sería difícil que salieran las cosas, pero como siempre lo intentas una y otra vez hasta que sale con éxito.

    Besos!

    ResponderEliminar
  47. Hola, Potro! Saludos! Como verás, estoy por aquí de nuevo. Ya me siento como en casa, como "ciudadana". Casi todos los días me doy una vuelta por tu sitio para ir aprendiendo a mejorar mis blogs. Pero es tanta la información que enriquece a Ciudad Blogger, que todavía no acabo de recorrer todos tus posts. Cada uno es mejor que el anterior. Voy tomando poco a poco aquellos trucos que más se ajustan a mi gusto y así voy mejorando mis blogs.
    Lo que estoy haciendo ahora es, con un blog reciente que abrí, ir acomodando a mi gusto la plantilla (con todo lo que aprendo aquí) hasta que llegue a conseguir lo que yo llamaría "mi plantilla base ideal". Entonces, como tengo varios blogs, al final, ya sería solo cuestión de aplicarle la misma plantilla a todos los demás, ajustando solo algunos detallitos.
    Ya, cuando la tenga toda lista, te doy la dirección de ese blog para que veas cómo he implementado allí tus excelentes trucos. Pero todavía estoy en el proceso de construcción.
    Este truco de aquí ya lo acabo de poner en mi blog y quedó excelente. Gracias. Solo quisiera saber si puedo cambiar el titulito de "Entradas relacionadas" por algo así como "Artículos relacionados" o "Tal vez podría interesarte", cosa que a mí me gusta más. ¿Cómo podría hacerlo?
    Muchas gracias por todo y por tu continua gentileza con todos nosotros, tus asiduos visitantes.

    ResponderEliminar
  48. Siéntete en casa que eres parte de Ciudad Blogger ;)
    Eso de la plantilla base suena genial, de ahí podrás partir para hacer hacer los pequeños cambios a las otras pero todas con la misma idea.
    Claro que puedes cambiar ese texto por el que quieras, sólo busca la tercera línea del último código y verás que dice Entradas relacionadas, eso cámbialo por la frase que más te guste.

    Un abrazo!

    ResponderEliminar
  49. Muchas gracias otra vez, por todo, y por tu excelente labor. Mis cordiales saludos para ti y hasta luego.

    ResponderEliminar
  50. Al contrario, gracias a ti por tus constantes visitas y por tan amables comentarios ;)

    ResponderEliminar
  51. COMPADRE no pude encontrar esta linea perdona por las molestias si puedes ayudarme te lo agradeceria muchisisismo.

    ResponderEliminar
  52. Necesitas expandir los artilugios para poder encontrarlo.
    Saludos!

    ResponderEliminar
  53. Hola buenas tardes bueno espero que me puedas ayudar. mi duda es me eh creado en mi blog la nueva utilidad de nueva pagina y los en linkeado desde mi menu pero ahora me doy cuenta que solo puedo poner un solo post en estas nuevas paginas como puedo hacer para que en las nuevas paginas pueda poder manejar barios post como en mi pagina de inicio

    ResponderEliminar
  54. Hola Jony,

    En las páginas estáticas sólo puedes poner un sólo contenido, no puedes agregar entradas puesto que no son entradas, por lo tanto en tu página principal puedes poner todas las entradas que quieras pero en tus páginas sólo un contenido.

    Saludos.

    ResponderEliminar
  55. Hola Potro, en esta plantilla http://borest-borest-net.blogspot.com por defecto venia una parte para las entradas relacionadas, pero no funciona, se podra reactivar? O es mejor que agregue el metodo que tu comentas? Saludos.

    ResponderEliminar
  56. Habría que saber qué método había en la plantilla para agregar las entradas relacionadas, lo mejor sería que lo agregaras de nuevo y eliminaras esa que tiene.

    ResponderEliminar
  57. Gracias, mejor colocare el que tu recomiendas, creo que seria mejor ese. Saludos.

    ResponderEliminar
  58. Hola de nuevo Potro, ya puse el codigo tal y como lo dices, pero igual solo me aparece entradas relacionadas, sin ningun titulo, tambien me fije en que el codigo que el diseñador puso despues de ]]> es similar al tuyo, pero no entiendo cual sea el problema. Saludos.

    ResponderEliminar
  59. Pues sí es raro, aunque lo mejor sería que quitaras el código original de la plantilla para que no haga conflicto con el nuevo que has puesto.
    Si dices que es parecido a este entonces podrás guiarte fácilmente para encontrar el código de la plantilla y eliminarlo.

    Saludos.

    ResponderEliminar
  60. Si es lo que hare haber si funciona. Oye Potro tengo otra pregunta, ( ya se hicieron muchas :S) en la parte donde aparece (numero de comentarios) despues, aparece escrito por: pero en esa plantilla no aparece nada, sabes como se puede corregir? Saludos.

    ResponderEliminar
  61. Intenta ponerlos entrando a Diseño > Elementos de la página, click en Editar sobre el elemento Entradas del blog, ahí marca las casillas de lo que quieres que aparezca en tus entradas.

    Saludos.

    ResponderEliminar
  62. MMM, si lo intente pero no funciono :S

    ResponderEliminar
  63. Entonces hay que agregarlos directo en la plantilla. Te dejo un enlace donde Gema explica cómo hacerlo:
    http://gemablog-.blogspot.com/2009/05/recuperar-datos-en-post-footer.html

    Saludos.

    ResponderEliminar
  64. Hola Potro, ya quite el codigo que venia por defecto en la plantilla, agregue al tuyo pero aun asi sigue igual, no entiendo cual sea el problema, este es el demo de la plantilla y ya me fije y ahi si funciona bien http://thrilling-blogger-template.blogspot.com/2010/01/another-post-with-everything-in-it_8815.html Sera que movi algo? Saludos.

    ResponderEliminar
  65. Sólo se me ocurre pensar que quizá hay un script que entorpece este.
    Tampoco veo en la página del autor alguna indicación extra que se le tenga que hacer, así que se supone que debería funcionar de forma automática.

    Saludos.

    ResponderEliminar
  66. Pues tal ves sea eso, todos los scipts van justo debajo de /b:skin no? Porque solo encontre el de leer mas, y el de entradas relacionadas, oye Potro, y si lo agregara en otra linea? Digamos, justo debajo del post, en lugar de los marcadores sociales? Seria lo mismo? Saludos.

    ResponderEliminar
  67. Sí, van antes de < /head >
    Puedes intentar ponerlo en otro lado, quizá ahí sí funcione, o al menos no pierdes nada con intentarlo.
    Ya como último recurso puedes preguntar al autor de la plantilla, él debe saber con más seguridad qué sucede.

    Saludos.

    ResponderEliminar
  68. Hola Potro, ya quedo solucionado, el problema era que el script usaba el feed, y no me habia dado cuenta ;S solo habilite el feed completo y lo oculte con codigo, tambien se soluciono lo del site map, también tenia que ver con el feed. Saludos.

    ResponderEliminar
  69. Perfecto, un sólo movimiento solucionó dos problemas ;)
    ¡Saludos!

    ResponderEliminar
  70. Potro! no me acepta la plantilla :S

    ResponderEliminar
  71. ¡Muy útil! ¡Mucho mejor que las explicaciones de los links que dejaste al principio! Eres el mejor.

    MUCHAS GRACIAS, MAESTRO ^^
    Saludoos

    ResponderEliminar
  72. OCTAGONO3D, quizá pusiste mal un código.

    Julio, muchas gracias por tu comentario :)

    ResponderEliminar
  73. Potro tenias razón me habia equivocado, pero ahora solo me sale entradas relacionadas: pero no dicen los links :S

    ResponderEliminar
  74. Posiblemente es por lo mismo que la plantilla no tiene todos los códigos y no "agarra" las etiquetas que tiene que relacionar con la entrada en cuestión.

    ResponderEliminar
  75. Potro ya que no me agarraba el truco probé con linkwithin pero no me reconoce las primeras imagenes sino la ultima algo que no deseo, dale una mirada ! que pasará ! antes no me sucedia esto y solo a una entrrada agarra la imagen que deberoia ser!

    http://img704.imageshack.us/img704/5021/dibujogyj.png
    http://img338.imageshack.us/img338/6197/dibujo2pe.png

    O solo reconoce a las imágenes más grandes?
    gracias!

    ResponderEliminar
  76. Nunca he usado Linkwithin así que no sabría decirte por qué sucede o cómo se arregla :(

    ResponderEliminar
  77. Hola primero que nada gracias por responder a mis preguntas de ayer.

    Ahora tengo problemas con ésto, sólo dice: "Entradas relacionadas" y nada más no vienen las entradas, ya lo revisé varias veces para ver si pegué todo bien, y parece que sí, entonces qué será?

    Gracias, saludos

    ResponderEliminar
  78. Ya lo logré, me faltaba etiquetar las entradas. Sólo que he visto algunos blogs en los que aparece la imagen me gustaría saber cómo hacerlo?

    Muchas gracias

    ResponderEliminar
  79. Por ejemplo, en ésta página dónde dice: Artículos relacionados tienen una imagen para mostrar no sólo es el texto http://www.hogartotal.com/2010/06/25/beneficios-de-tener-un-hogar-pequeno/

    De antemano muchas gracias

    ResponderEliminar
  80. En ese caso quizá te convenga usar el servicio de LinkWithin que hace justamente eso. En esta entrada Rosa explica cómo hacerlo.

    Saludos.

    ResponderEliminar
  81. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  82. HOLA POTRO AQUI DENUEVO MOLESTANDOTE QUISIERA SABER SI ME PUEDES AYUDAR A COLOCAR LO QUE SE VE EN LA IMAGEN:

    http://dl.dropbox.com/u/4661899/NNGRACIAS.jpg

    IGUAL AL TUYO

    PARA COLOCARLO EN MI BLOG AVER SI ME AYUDAS ANTEMANO GRACIAS!!!

    ResponderEliminar
  83. Ummm quizá andamos un poco perdidos, eso que mencionas es justo lo que se explica en esta misma entrada.

    ResponderEliminar
  84. buenos dias potro, tengo un problemita.. no encuentro la 2da plantilla y ya lo busque mil veces, tampoco encuentro la 3ra planilla y tambien lo busque!! ayudame porfavor!

    ResponderEliminar
  85. Buen día Cesar, ¿cuál plantilla 2 y 3?

    ResponderEliminar
  86. el b:loop tampoco encuentro el div class, pero el b:skin ya lo encontre.saludos

    ResponderEliminar
  87. Revisa de nuevo, el b:loop debe estar en todas las plantillas.
    La otra línea quizá la tengas como :
    <div class='post-footer-line post-footer-line-2'>
    ó
    <div class='post-footer-line post-footer-line-1'>

    ResponderEliminar
  88. hola potro todo el codigo lo puse y me lo acepto pero ahora dice le cambie por Programas Relacionados pero no muestra nada revisa mi blog y aver si hay una solucion saludos¡¡

    http://infinitcorporation.blogspot.com/

    ResponderEliminar
  89. Yo lo veo funcionando muy bien, supongo que ya lo has de haber solucionado.

    ResponderEliminar
  90. Si ya lo soluciones gracias

    ResponderEliminar
  91. esta perfecto este mucho mejor que linkwint pero tengo una duda como le hago para cambia lo que dice entradas relacionadas por una imagen como le hicisite te

    ResponderEliminar
  92. que feo escribi en el mensaje anterior quise decir que como le hiciste tu para cambiar lo de entrdas relacionadas por una imagen asi como tu le hiciste

    ResponderEliminar
  93. Sólo elimine el texto que dice Entradas relacionadas y lo cambie por el código de la imagen, es decir, este:

    <img src="URL de la imagen" />

    ResponderEliminar
  94. Hola potro, segui todos los pasos del post y solo me aparece ENTRADAS RELACIONADAS.

    Me gustaria sabes en q estoy fallando, espero tu respuesta.

    ResponderEliminar
  95. Quizá aún no tiene suficientes entradas, recuerda que se base en una recopilación de etiquetas iguales, así que si tienes sólo una etiqueta no mostrará nada relacionado porque no lo hay.

    ResponderEliminar
  96. Todo bien el codigo, pero quiero hacer unos cambios como dejarlo normal y no en Negrita eso que dice "Entradas Relacionadas:" y en cuanto al margen bajarlo un poco... aca te dejo una captura Clic Aqui o mi blog Clic Aqui

    ResponderEliminar
  97. Arriba del último código agrega esto para que dé un espacio:
    <br/>

    Si necesitas más espacio agrega otro más.
    Para quitar la negrita busca igual en ese último código la parte donde dice Entradas relacionadas y elimina las etiquetas:

    <h4> y </h4>

    ResponderEliminar
  98. Quedo mejor de lo que esperaba, Gracias!

    ResponderEliminar
  99. Traté de hacerlo pero no me aparece esa línea:



    :/

    ResponderEliminar
  100. Es que entonces no tienes las etiquetas en tu blog, eso es básico para que funcione.
    Para agrega el código que hace que se muestren las etiquetas en las entradas mira este post, busca el código que corresponde a las etiquetas y pégalo debajo de:
    <div class='post-header-line-1'>

    ResponderEliminar
  101. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  102. Hola El Potro

    He leído los comentarios y no me ha parecido ver una respuesta para lo siguiente. Resulta que en mi blog uso diferentes gadgets para ordenar los posts, concretamente tres. formato, valoración y temática. En función de eso se organizan los posts. El problema es que, a la hora de poner las entradas relacionadas, quiero que salgan sólo las relacionadas con la temática, ya que de lo contrario veo que puedo estar hablando de un tema y el widget sugerir un post de un tema muy diferente simplemente porque tienen en común el formato o la valoración. Hay alguna forma de configurar el código para que sólo muestre los posts relacionados únicamente con un gadget?

    Gracias.

    Mi blog es:

    http://condicionhumanablog.blogspot.com/

    ResponderEliminar
  103. Hola Natxo Oriol,

    El script funciona a través de las etiquetas específcamente, así que lo que hace es leer la etiqueta de la entrada y buscar al azar otras entradas con la misma etiqueta pero no las relaciona con palabras que lo asemejen o cualquier otro valor, se basa únicamente en que sea otra entrada que use la misma etiqueta.

    Saludos.

    ResponderEliminar
  104. entonces, al calificar un post como "documental" (formato) y "genocidio" (temática), me aparecerán como entradas relacionadas tanto posts de genocidios como otros catalogados como documentales, que pueden no tener nada que ver con el genocidio. Que no pueda configurarse eso me parece un error bastante grave.

    Gracias por la pronta respuesta.

    ResponderEliminar
  105. por si no ha quedado claro, "documental" y "genocidio" son dos etiquetas que pertenecen a dos formas diferentes de organizar las entradas en el blog a traves de los gadgets "formato" y "temática".

    ResponderEliminar
  106. Pues más que error es parte de las limitaciones que tiene Blogger.
    Hasta ahora no conozco un script que se base en el contenido del artículo para buscar entradas similares.

    ResponderEliminar
  107. no sería basarse en el contenido del artículo, sino únicamente listar posts relacionados con una etiqueta en concreto cuando pones varias en el mismo post.

    ResponderEliminar
  108. que tal, primero te felicito por tu gran blog, es de mucha ayuda, ya me he sacado varias cosas de aquí y esta es la primera vez que agradezco xD

    intente aplicar esto a mi blog, pero al momento de ir a una entrada solo aparece el texto de "entradas relacionadas" pero no aparece ningún enlace, ayuda!

    ResponderEliminar
  109. Gracias por tu comentario :)
    Para que esto funcione tus entradas deben tener etiquetas y estas deben mostrarse en los posts.

    ResponderEliminar
  110. si las tienen, aunque no se muestran en los post, seguro es la plantilla por que tengo activado eso de mostrar las etiquetas, a ver si un día de estos lo arreglo, gracias por responder, saludos

    ResponderEliminar
  111. Sí, sí, las entradas sí las tienen, pero necesitan mostrarse cuando están publicadas para que pueda funcionar.

    ResponderEliminar
  112. Hola potro te ago una pregunta como puedo agrandar las letras de las entradas relacionadas para que sean un poco mas visibles?¿

    ResponderEliminar
  113. Agrega antes de ]]></b:skin> esto:

    .post-footer-line-4 ul li {
    font-size: 13px;
    }

    Puedes cambiar ese 13 por otro tamaño si lo deseas.

    ResponderEliminar
  114. Grooosooo!!!! siempre con la respuesta al instante..jajaja..

    ResponderEliminar
  115. Hola potro! ya al instalar esto me sirvió, gracias! pero me gustaría saber como inserto un tabla o un fondo, x ejemplo el tuyo donde dice Mas trucos : ..........

    ResponderEliminar
  116. El que yo tengo es una tabla, de ese modo he podido agregar al lado los botones para compartir, así como la imagen que dice 'Mas trucos'.

    ResponderEliminar
  117. muy bueno me funciono de maravilla saludos.....

    ResponderEliminar
  118. Potro!! como hago para que cuando hagan clic en entradas antiguas o anterior como tabn cuando hagan clic en una etiqueta y se muestre como por ejemplo solo 4 entradas por pagina y no todas las q tienen las mismas etiquetas! como x ejemplo clic en la etiqueta "Blanco" y salen como 20 entradas. gracias

    ResponderEliminar
  119. Anteriormente cuando se tenían (por ejemplo) 4 entradas en la portada también se mostraban 4 entradas en esos links pero desde hace ya varios meses Blogger cambió las cosas y no sé si haya modo de modificarlo :\

    ResponderEliminar
  120. pos ya lo hice , y tuve mucho cuidado de poner los codigos en e l lugar que decis.. pero no funiona,,, por ahora.. capaz es porque mi blog tiene solo 7 entradas por ahora?? porque igual aparece abajo de la entrada " Entradas relacionadas "

    http://freelance-center.blogspot.com

    ResponderEliminar
  121. Necesitas que todas tus entradas tengan etiquetas para que el script pueda encontrar entradas relacionadas con la misma etiqueta. Si no tienen etiquetas no podra encontrar nada relacionado y no mostrara nada.

    ResponderEliminar
  122. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  123. Hola ElPotro, en mi plantilla no apaarece la linea de post-label;
    A ver si me puedes decir algo, un saludo

    ResponderEliminar
  124. Hola!!
    También he probado a buscar alguna otra palabra de la primera linea del código, que me pueda servir de referencia, pero sin aparecer nada :(

    ResponderEliminar
  125. Verifica que tus entradas tienen etiquetas y que estas se muestran en las entradas.

    ResponderEliminar
  126. Hola soy nuevo en esto de blogs , e echo lo que has dicho pero no encuentro esta parte en mi plantilla

    creo que no la agreaga poruqe mi post no muestra las etiquetas , pero si las e colocado al moemnto de crearlas

    ..otro detalle esque lo coloco en 0tro sitio , luego coloco lo del footer y solo aprece el titulo
    "entradas relacionadas"

    pero si coloco lo del footer en otro parte "footer2" si funciona el script , pero lo malo es que esta parte es al final de la pagina en el pie y no al final del post
    podrias darme una mano .

    ResponderEliminar
  127. a claro si pulse expandir artilugios ..

    ResponderEliminar
  128. Mira esta entrada que explica cómo recuperar los enlaces del post-footer, incluyendo el de las etiquetas en las entradas.

    El último código siempre debe estar debajo de todo, más bien, debajo del área del código de las etiquetas en las entradas para que pueda funcionar, de lo contrario no funcionará.

    Saludos

    ResponderEliminar
  129. Amigo potro
    en expandir artilugios busque el codigo y encontre este <![CDATA[/*
    es abajo de este codigo donde pego el codigo que me das???

    ResponderEliminar
  130. Nop, revisa bien cuál es el código que debes buscar y debajo de ello es donde deberás pegar el código.

    ResponderEliminar
  131. Hola Potro.

    Lo he probado y a la prima ha quedado puesto, pero quisiera cambiar alguna cosa del gadget y no lo encontré entre todos los comentarios.

    ¿Cómo puedo poner las viñetas?

    Gracias Genio!
    Si cierras este blog algún día juro que te mataré

    ResponderEliminar
  132. Hola samu,

    Antes de ]]></b:skin> agrega esto:

    .post-footer-line-4 ul {
    margin: 0pt;
    padding-left: 10px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    }
    .post-footer-line-4 ul li {
    margin: 0px 0pt 0px 50px;
    font-size: 11px;
    list-style-image: url(URL del icono);
    list-style-position: outside;
    list-style-type: none;
    }

    Cambia donde se indica la URL del icono de la viñeta que quieres agregar y listo.
    Y por el blog pues no te preocupes, mientras haya salud por aquí estaré :)

    ResponderEliminar
  133. Potro, jefe aquí ando yo de nuevo.

    Ese código no me funciona.
    Puse donde dice url del icono esta http://www.todochorradas.com/AUDIO/imagenes/Nota.gif y no me funciona, no se si hago yo algo mal o es que te has confundido en alguna cosilla por ahí?

    ¿Puedes ayudarme genio? Y millones de gracias por todo

    ResponderEliminar
  134. ¿En cuál blog? Porque en myheartscorner no veo que tengas puesto el código que te di.

    ResponderEliminar
  135. Puse el código en myheartscorner, pero al ver que no me funcionaba lo volví a quitar. Ahora lo pongo y me dices cual puede ser el problema si se te ocurre alguna cosilla que pueda pasar.

    ResponderEliminar
  136. Hola chicos, Potro con tu permiso os dejo este enlace, que seguro os puede venir muy bien:

    http://www.linkwithin.com/learn?ref=widget

    Va muy bien, y queda genia, sencillo de instalar.

    Un saludo

    ResponderEliminar
  137. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  138. Nada Potro, olvidado. Ya lo solucioné. Levo dos horas poniendo el código con la U de URL delante de la URL del icono. Esta claro que nodeberia ponerme a picar códigos a partir de las 10 de la noche.

    Siento haberte molestado jefe.

    Un saludo

    ResponderEliminar
  139. Jajajaja, lo mismo me pasa después de las 8pm así que no te preocupes ;)

    ResponderEliminar
  140. Muy buenas, de hace un tipo me he aficionado a tu blog de ayudar a pringaos como yo jejejeje y ahora me ha surgido una duda no encuentro esto:
    /b:loop

    ResponderEliminar
  141. Si has encontrado la primera línea entonces busca un poco más abajo y hallarás esa parte que es la etiqueta de cierre.
    Recuerda marcar la casilla Expandir plantillas de artilugios para poder localizarlo.

    Saludos!

    ResponderEliminar
  142. Gracias por todo, ahora si que la he encontrado, seria que no marqué la opción de expandir o el buscador del navegador no me encontraba las palabras. Seguiré probando tutoriales de tu blog en el mio sigue así El Potro

    ResponderEliminar
  143. otra cosilla, me he dado cuenta que donde pone "Publicado por..." se ha desplazado a la derecha dejando el nombre del autor en la linea de abajo y claro me genera un espacio en blanco que afea la entrada, esto solo ocurre cuando pincho en la entrada. Esto puede ser que lo haya hecho al meter todo ese código?

    ResponderEliminar
  144. No, en realidad es por el botón de Me gusta. Reduce el alto de ese botón, ahora lo tienes en 80, redúcelo a 40px y al final del código del botón agrega esto:
    <br />

    Con eso deberá solucionarse.
    Saludos.

    ResponderEliminar
  145. Ok mañana lo probaré, ke tienes un ojo bionico para localizar fallos de codigo?

    ResponderEliminar
  146. Nada de eso, sólo soy un poco meticuloso ;)

    ResponderEliminar
  147. De nuevo gracias por la ayuda, ya lo he modificado y todo perfecto. Al principio me he liado porque no recordaba lo del
    y cuando me acuerdo resulta que pongo eso me pasa por no leerme hoy tu respuesta.

    ResponderEliminar
  148. Hola Potro he probado tu truco y no he tenido problemas en mi blog de pruebas (la cuial tiene la misma plantilla de mi Blog C.A.) entonces la quize ver y solo dice entradas relacionadas y no sale nada abajo mira te dejo el enlace ¡que crees que sea?

    http://el-blog-de-pruebas.blogspot.com/2011/02/mf-dark-sanctuary-de-lumiere-et.html

    ResponderEliminar
  149. Ya sirvió pasaron unas horas y apareció que raro disculpa la molestia potro ahora mismo agrego este truco a mi blog!

    Saludos

    ResponderEliminar
  150. Vale, qué bueno que ya lo has echado a andar ;)

    ResponderEliminar
  151. no encuentro el codigo de post footer en mi blog
    q solucion lo doy :(

    ResponderEliminar
  152. Hola Potro ya integre esto en mi blog quedo genial, pero no se donde poner el target parent?

    Me gustaria agregarle un cuadro como el tuyo como lo hago?

    Atte. Gracias

    ResponderEliminar
  153. Ah se me olvidaba queria que el cuadro quedara centrado y dentro el texto quedara alineado a la isquierda como en el escaparate de Rosa

    Saludos!

    ResponderEliminar
  154. Prueba agregando el atributo antes del href="' + relatedUrls[r] que aparece en el primer código que se agrega.

    Para que quede dentro de la entrada prueba ponerlo debajo de div class='post-footer'
    Y en los estilos busca .post-footer y ahí pon los bordes para que se forme un cuadrado al rededor.

    ResponderEliminar
  155. Potro lo agregre alli donde dices y al ver el blog no sale ninguna entrada relacionada solo el titulo...

    ResponderEliminar
  156. Tambien corte y pege el ultimo código del truco de las entradas relacionadas debajo del div class='post-footer' pero no se como agregarle el borde no se que código poner...ademas que en el .post-footer no sale nada de border o algo asi realmente disculpa mi ignorancia :(

    ResponderEliminar
  157. Lo olvidaba, para que las entradas relacionadas funcionen siempre debe estar arriba las etiquetas del post, ya sea debajo del título o justo arriba de donde pongas las entradas relacionadas.
    Aquí puedes ver cómo localizar el código de etiquetas para moverlo de lugar.

    Para los bordes pon debajo de .post-footer { esto:

    border: 1px solid #000;
    background: #ccc;

    ResponderEliminar
  158. Gracias Potro mañana lo vere y te digo como me fue con esto te tengo una preunta le estabna cambiando los iconos a mi blog y encontre esta web:

    http://www.softicons.com/

    y sale en vez de un borde una imagen de un caracol como puedo hacer eso en el blog si es posible.

    Atte Gracias!

    ResponderEliminar
  159. Es la line vertical que dive el post de la sidebar donde sale una tijera mas abajito un caracol unas pisadas y asi sucesivamente...

    ResponderEliminar
  160. Sí se puede, pero es un poco complicado adaptarlo a las plantillas ya que usualmente ese tipo de estilos se hacen desde el momento de crear la plantilla.
    Una opción sería que debajo de #rightcol { agregues esto:

    background-image: url(URL de la imagen) repeat-y;

    En donde dice URL de la imagen pon la imagen que deseas, deberá ser del mismo ancho de tu sidebar y del lado izquierdo deberá tener esas figuras que deseas.

    ResponderEliminar
  161. Potro como puedo saber el ancho de mi sidebar?

    ResponderEliminar
  162. No funciona, tenias razón Potro disculpa las molestias, ademas de haber modifico 4 veces la imagen no encaja muy bien...bueno no importa :)igual el blog esta lindo y gracias a ti ahora veré eso del cuadro de las entradas relacionadas.

    Saludos.

    ResponderEliminar
  163. Potro ya traslade las etiquetas y las entras relacionadas al class='post-footer' en ese mismísimo orden y ningún problema pero cuando agrego el targent parent donde mencionaste anteriormente solo aparece el titulo entradas relacionadas y nada abajo ah se me olvidaba las etiquetas las tengo ocultas ya que en mi blog hay ciertas entradas que suelen tener muchas y se vería recargado e esa la razón?

    ResponderEliminar
  164. Sí, esa es la razón. Ya que el script trabaja con las etiquetas del blog necesita que éstas se muestren para poder encontrar entradas relacionadas con la misma etiqueta.

    ResponderEliminar
  165. Potro ya quite el código para que se muestren las entradas y se ven agregue el parent y sigue lo mismo... la verdad me esta cansando crees que es muy molesto a tu parecer o no para omitirlo y seguir con el cuadro y terminarlo.

    Saludos

    ResponderEliminar
  166. Entonces me temo que no es posible agregarle ese atributo al script :/

    ResponderEliminar
  167. Mummmm que mala suerte, bueno así es la vida te agradezco inmensamente tu ayuda Potro y no te preocupes por eso una cosa mas una menos :) solo hay que seguir y seguir.

    Gracias!

    ahora veré otra entrada tuya para poner en una lista los resultados de búsqueda.

    Saludos!

    ResponderEliminar
  168. Hola El Potro, ahora si me funciono esto de las entradas relacionadas, lo que pasaba es que yo agregaba erróneamente el código antes de . Pero me surge un pequeño problema que es que se muestran muy pegado a las etiquetas y la fuente es pequeña mira como queda: Ejemplo mi pregunta es si se puede separar un poco de las etiquetas y aumentar la fuente.

    Saludos (~_o)

    ResponderEliminar
  169. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  170. Perdón pero no sale los códigos de mi error pero tenia que ver con loop y que no lo colocaba en el cierre de este por apurado jeje... espero me puedas ayudar.

    ResponderEliminar
  171. Para cambiar el tamaño de la letra agrega antes de ]]></b:skin> esto:

    .post-footer-line-4 ul li {
    font-size: 13px;
    }

    Puedes cambiar ese 13 por otro tamaño si lo deseas.
    Para separar un poco de las Etiquetas agrega debajo de:
    <div class='post-footer-line post-footer-line-3'>

    Esto:
    <br />

    ResponderEliminar
  172. Eres grande!!! me funciono de maravilla

    ResponderEliminar
  173. Muchas gracias quedo excelente!!!

    Posdata: TU BLOG ESTA BIEN CHIDO

    ResponderEliminar
  174. COMO PONGO QUE SALGAN MAS ENTRADAS RELACIONADAS, SOLO SALEN 5

    ResponderEliminar
  175. Michael, gracias :)


    GariNews, busca esta parte if (cuantosPosts == 5) y cambia ese 5 por el número de entradas relacionadas que quieres mostrar.

    ResponderEliminar
  176. 130=El Potro dijo...

    Necesitas que todas tus entradas tengan etiquetas para que el script pueda encontrar entradas relacionadas con la misma etiqueta. Si no tienen etiquetas no podra encontrar nada relacionado y no mostrara nada.
    ================================================
    El problema debe ser eso entonces, porque todas mis entradas tienen etiqueta, solo que cuando pongo para que aparezcan, no funciona, no se muestran las etiquetas..

    ¿Que puede ser k este pasanado?

    gracias !

    ResponderEliminar
  177. 145= Vindi dijo...

    Hola chicos, Potro con tu permiso os dejo este enlace, que seguro os puede venir muy bien:

    http://www.linkwithin.com/learn?ref=widget

    Va muy bien, y queda genia, sencillo de instalar.
    ================================================
    El linkwithin esta muy bueno,
    pero tampoco me funciona, muestra siempre las mismas entradas relacionadas
    :( :(
    QUiero tener entradas relacionadas en mi bloo000G !!!

    cualquier ayuda te estaré eternamente agradecido !!!

    Salu2

    ResponderEliminar
  178. ¿En cuál blog lo has puesto SEBA?

    ResponderEliminar
  179. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  180. http://www.listasdereproducicon.com

    ahora re-instale linkwithin y parece que funciona, pero no me muestra las imagenes de las entradas relacionadas. Con lo bien que quedaba!!

    Igual preferiría hacerlo modificando la plantilla Html. Asi no tengo que depender de terceros...

    ResponderEliminar
  181. oh , perdóname.. es listasdereproduccion.com

    ResponderEliminar
  182. Pues yo veo las imágenes perfectamente. Si quisieras agregar el método "normal" que es el que se explica en la entrada quizá el problema por el que no te salía es porque tus entradas no tienen etiquetas visibles y si lees de nuevo la entrada verás que se pone una nota al final que dice que si no hay etiquetas visibles en las entradas entonces no funcionará.

    ResponderEliminar
  183. En serio? no ves las mismas fotos siempre en entradas relacionadas?

    Mi blog abarca muchos temas distintos, y siempre aparecen entradas relacionadas con el mismo tag, "musica clasica" "musica" incluso en los post de deportes por ejemplo..

    ¿tal vez eso lo vea yo nada mas ?
    ¿podrá ser posible?

    Y si, el problema es que cuando pongo en diseño de entradas, para que aparezcan las etiquetas, no aparecen, no puedo hacer que se vean,,

    Gracias potro,

    y que ta ha parecido mi blog? !Ya estoy teniendo casi 200 paginas vistas x dia !! y va en aumento !!!

    ResponderEliminar
  184. Pues quizá sólo lo ves tú así porque ahora acabo de entrar y veo de nuevo las imágenes de las entradas relacionadas y cada una con distinta imagen.

    Felicidades por esas 200 visitas :)

    ResponderEliminar
  185. Hola potro utilize los 2 metodos XD el tuio y el de

    http://www.linkwithin.com/learn?ref=widget

    el tuio va perfectamente pues todas mis entradas estan con etiquetas y las relaciona perfectamente, pero pense q seria con imagenes asi q use el
    linkwithin.com
    y me salio las imagenes pero aca viene el problema...

    hace mucho tiempo mi blog era de animes, luego elimine los animes y solo puse las peliculas, y en las entradas relacionas de linkwithin, aparecen los animes :S:S esto a que se debe?? como puedo borrar ese historial de animes ??

    ResponderEliminar
  186. No tengo idea, nunca he usado LinkWithin y no sé cómo se maneja o cómo se resuelvan sus problemas, pero supongo que debe ser cuestión de tiempo para que actualice los datos, no lo sé :/

    ResponderEliminar
  187. AYUDA! tengo un problema en mi blog...
    lo pongo pero la letra sale muy muy pequeña.. nose si pueda darle un estilo o algo para que se vea mas grande.. o que error tengo en mi plantilla que haga que la letra del post-footer se vea así!!!
    Contestenme pronto!! gracias

    ResponderEliminar
  188. Ya lo solucioné y aprendí a leer los comentarios :P Gracias igualmente!

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger