Entradas relacionadas | Oloblogger Hace tiempo que quería colocar en cada entrada, una relación de otras que fueran similares o con temas parecidos. Wordpress tiene "de s...

18 de enero de 2008

Entradas relacionadas

Hace tiempo que quería colocar en cada entrada, una relación de otras que fueran similares o con temas parecidos. Wordpress tiene "de serie" una utilidad para ello, pero Blogger no, lo que obliga a hacerlo a mano. Una tarea difícil de resolver con éxito y ardua de realizar.

La idea es ofrecer un camino a los lectores, para que puedan seguir una línea temática, mientras navegan por el blog. Al autor también le sirve para sacar a primera línea, entradas antiguas pero que pueden ser de interés para el lector, al estar de alguna manera relacionadas.

Bueno, pues de la mano de Vagabundia, grande donde los haya en esto del HTML y otras hierbas, hemos aprendido a instalar un sistema de búsqueda de entradas con temática parecida a la que se esté leyendo. La similitud está basada en las etiquetas, por lo cual, el sistema será más eficaz cuanto mejor se hayan asignado a cada entrada.

En fin, vayamos al tajo. Acudimos a la edición HTML de la plantilla, expandimos artilugios para no tener que grabar y hacerlo después, y justo a continuación de ]]></b:skin> se graba el código principal. Tiene que ser el primer script de esta parte.

Ver/Ocultar 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 la línea while (i < relatedTitles.length && i < 20), la última cifra sirve para limitar las entradas que se mostrarán, a aquellas cuyos títulos no lleguen a 20 caracteres. Se puede cambiar por una cifra mayor o menor. Al gusto.

Por otra parte en if (cuantosPosts == 4), el 4 indica el número máximo de entradas a mostrar. También es configurable.

El segundo paso es buscar el siguiente trozo de código, que se refiere a las etiquetas que tiene asignada cada entrada. En el mismo habrá que insertar la parte en azul.
<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 != "true"'>,</b:if>

<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>

</b:loop>
</b:if>
</span>

Ya tenemos preparado el algoritmo. Ahora hay que colocarlo dónde nos interese. Normalmente, será al final de cada entrada, para lo cual buscamos la parte del código que hace referencia al pie de entrada.

Tendremos unas clases que se llaman post-footer-line. Aquí, cada cual tendrá una cantidad de líneas definidas. Hay que buscar la última, que estará cerrada con el correspondiente <div> o estará sin contenido, y entonces se cierra sólo con / y redactada como <div align='left' class='post-footer-line post-footer-line-2'/>. Pues bien, tras esta línea se coloca una nueva con esta redacción:
<div align='left' class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'>
<br/>Entradas que podrían estar relacionadas:
<span style='font-size:80%;'>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</span>
</b:if>
</div>

Evidentemente, si tenemos generada la línea 3, este número deberá ser sustituido en todos los apartados, en el código que se facilita, por el siguiente número no usado (4, 5, etc.).

Con lo explicado hasta ahora, ya tenemos el artilugio funcionando y en su sitio. Sólo será visible cuando se acceda a una entrada concreta por lo que no os molesteis en darle a Vista Previa. Hay que grabar y después acceder a una entrada en concreto para ver el resultado. (¿Es necesario que os recordemos que antes de nada hagais una copia de seguridad de la plantilla?). Puedes hacerte una idea viendo el final de esta entrada; tras las etiquetas. Si no lo ves, es que estás en la pantalla inicio de este blog. Pincha en el título para acceder de manera individual a la entrada.

Lo único que queda es configurar el aspecto. Para eso, volvemos a editar la plantilla y en la parte de CSS y justo antes de ]]></b:skin> crearemos una nueva clase, que coincidirá con el nombre que hemos estado usando. En este caso post-footer-line-3.

A continuación hay un ejemplo, pero conviene ajustarlo al aspecto de vuestro propio blog.

Ver/Ocultar [+/-]
.post-footer-line post-footer-line-3{
margin: 0 0 10px 20px;
}
.post-footer-line post-footer-line-3 ul {
margin: 0pt;
padding-left: 10px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
.post-footer-line post-footer-line-3 ul li {
margin: 0px 0pt 0px 50px;
font-size: 80%;
list-style-image: none;
list-style-position: outside;
list-style-type: circle;
}
.post-footer-line post-footer-line-3 a, .post-footer-line post-footer-line-3 a:visited {
font-weight: normal !important;
}
.post-footer-line post-footer-line-3 a:hover {
padding-left: 5px;
text-decoration: none !important;
}

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

60 comentarios :

  1. Todo bien (aunque a veces, claro, por no haber puesto bien las etiquetas, las entradas parecen poco relacionadas) pero al final de la página principal aparece el título del widget ("Entradas que podrían estar relacionadas"), como si fuera el final de un post pero sin las entradas en sí.

    ¿Qué hay que cambiar para que no aparezca? Gracias.

    ResponderEliminar
  2. Solucionado con vuestra entrada: http://oloblogger.blogspot.com/2007/12/mostrar-o-esconder-artilugios-en.html

    Gracias doblemente, pues.

    ResponderEliminar
  3. Acabo de agregarlo a mi blog. Muy útil, muchísimas gracias! ;)

    ResponderEliminar
  4. Hola, Oloman, apliqué esta técnica en el blog y funciona bien.
    Pero mi inquietud es esta: no sé si son las etiquetas, o si es una cuestión de Blogger o qué, pero la "lista de Entradas" no están realmente relacionadas entre sí (no sé si me expliqué bien) ¿hay alguna manera que pueda mejorar esto?
    Un saludo y gracias por todo.

    ResponderEliminar
  5. Anahí, el código está basado en buscar entradas con etiquetas similares. Sólo eso. Posts con distintas etiquetas no son relacionados con este sistemas.

    Por ejemplo en tu caso, una entrada etiquetada con MULTIMEDIA, te llevará a otras con la misma etiqueta.

    La única solución para que funcione mejor, es usar gran variedad de etiquetas y usar las mismas en los posts realmente relacionados.

    ResponderEliminar
  6. Hola, Oloman, el caso a una etiqueta más general, por ej. Apuntes, agregué etiquetas "exclusivas", para ver si las sigue, y no me dio resultado: por ej. tres post sobre San Martín le puse la etiqueta San Martín, pero no los relaciona, ¿vos decís que le quite la etiqueta más general, en este caso Apuntes ?
    Gracias, maître.

    ResponderEliminar
  7. muchas gracias por el aporte me funciono a la maravilla te felicito men

    ResponderEliminar
  8. Sí Anahí, eso es, pero no esperes milagros.

    ResponderEliminar
  9. Gracias, Oloman, lo pondré en práctica. Y no, ya no espero "milagros" de Blogger, ni mucho menos.
    Salú2.

    ResponderEliminar
  10. Disculpa, no sabia donde dejarte este comentario. Seria como un especie de "comentario relacionado", ya que se va un poco de tema, je!

    Cuando se consulta una categoría con más de 20 posts, por ej. Cine con 55 posts, blogger solo me muestra las 20 entradas más recientes, pero no hay modo de ver las otras 35 porque tambien necesite quitar el pie de pagina con los enlaces a pagina principal, entradas antiguas y recientes.

    Es posible desplegar todas las entradas contenidas en una categoría?.

    Desde la la pestaña “configuración” despues “formato” en mi blog lo que se puede modificar es la cantidad de entradas o dias para “la pagina principal del blog”.

    Si se selecciona Días, se garantizará un máximo de hasta 500 entradas (dice mi blog), entonces supongo que si se podra tener mas de 20 entradas por etiqueta, pero como?

    De mas esta decir, que buscaba algun codigo que mi "sentido comun" me indicara, ya que no tengo muchos conocimientos. Pero despues de leer y leer, buscar dentro de la plantilla, etc, etc.. no he encontrado nada.

    Sinceramente apreciaria mucho tu respuesta.

    Desde ya, te doy las grscias!

    ResponderEliminar
  11. Ya he visto como implantar lo que necesitas, Guille. Un post para tu consulta en breve.

    ResponderEliminar
  12. Hola Oloman! Soy Guille. He estado leyendo el post que has hecho a causa de mi consulta. Realmente me has emocionado, je!

    Muchas gracias!

    Te cuento que, si bien mi blog trata otra tematica, ya hace tiempo he creado un enlace en mi pagina principal hacia tu blog pues ha sido gracias a personas como vos, "con este hermoso afan de compartir y siempre aprender mas" que he logrado darle otro "toque" a mi blog.

    De nuevo, muchas gracias!

    ResponderEliminar
  13. Lo acabo de añadir a mi blog y me gusta, pero ¿como puedo quitar las etiquetas y ponerlas arriba como las tienes tu?
    Gracias
    Antes de despedirme te doy tambien las gracias por el otro post sobre el leer mas... al final lo consgui sin modificar nada. Pasate por el blog y ya me dices cosas.

    ResponderEliminar
  14. En este post lo tienes explicado Locomosxca

    ResponderEliminar
  15. Ok, en cuanto me sea posible lo pruebo y te lo cuento en el otro post, mil gracias.

    ResponderEliminar
  16. Hola Oloman!
    Quería preguntarte una cosa relacionada con el tema...
    El caso es que me gustaría añadir el efecto LinkWithin de entradas aleatorias, pero la frase que debería decir "Entradas relacionadas", sale otra frase en inglés...
    En un blog he visto que lo tiene en castellano, le he preguntado pero no me contesta. A ver si me puedes ayudar.

    El link del efecto es este:
    http://www.linkwithin.com/learn?ref=widget

    El link del blog con el efecto en castellano es este:
    http://ofebg.blogspot.com/2009/07/linkwithin.html

    Gracias, y espero que me ayudes.
    Un saludo!!

    ResponderEliminar
  17. Aitor, lo he estado probando, pero no he sido capaz siquiera de instalarlo en inglés. Puede que sea porque mi plantilla está muy modificada y precisamente advierten en Linkwithin de que sólo funciona correctamente para plantillas estándar.

    De todas formas en el código no se ve nada para poder cambiar la frase. Seguramente, esté en el fichero JS que se enlaza desde el SCRIPT. Por tanto, habría que bajarlo, modificar la/s frase/s y realojarlo. Luego habría que cambiar la dirección.

    Espero te sirva. Ya me dirás.

    ResponderEliminar
  18. Anónimo20/9/09 4:39

    hola
    Ya tengo instalado este atributo en mi blog, pero kiero saber si es posible crear en el caracteristicas especificas en la hoja de estilos, intente con: .related post{baackground:#f8f8f8;......bla bla bla... y no me funciono...

    Alguna Sugerencia por favor
    Gracias

    Como es posible hacerlo?

    ResponderEliminar
  19. Hola, para darle estilo a este truquillo, tienes que hacerlo mediante la capa (clase) en la que esté metido.
    Si por ejemplo lo pusiste en la tercera línea del pie del post, la clase que tendrás que configurar será la
    .post-footer-line post-footer-line-3

    Ojo que es una lista lo que ves, por lo que también tendrás que configurar
    .post-footer-line post-footer-line-3 ul

    y
    .post-footer-line post-footer-line-3 li

    ResponderEliminar
  20. no olomán, no me funciona. lo he hecho tal cual. además no quisiera poner imágenes en los links. ¿puede que sea porque mi plantilla es un tanto especial? ¿que he de hacer en ese caso? ¿eliminar todo lo que puse?.... ¿o hay otra solución?

    ResponderEliminar
  21. Ya no sé si te refieres a la imagen fija o a lo de las entradas relacionadas. Si es a esto último, he observado que el script que se cita en el primer paso, lo has pegado en un sitio que no es. Tiene que ser después del /SKIN.

    ResponderEliminar
  22. Muy útil, lo acabo de añadir a mi blog y va perfectamente. Muchas gracias!

    http://reddeadblog.blogspot.com/

    ResponderEliminar
  23. hola oloblogger, he implementado este script de entradas relacionadas en http://dinerodesdetuodenador.blogspot.com y aunque lo hice 5 veces tal cual lo describes, no me funciona. ¿crees que no funciona por ejemplo porque las entradas se expanden? ¿o se te ocurre otra cosa?

    ResponderEliminar
  24. Yo lo veo funcionando Lk. ¿Has observado un post individual? Es allí dónde sale. En tu caso lo he visto detrás de las etiquetas ;)

    ResponderEliminar
  25. ¿lo has visto funcionando oloman? ¡qué bueno! entonces es mi navegador camino, porque es el que me resulta mejor para mac... pero hay cosas que no veo como los anuncios de adsense... es un desastre...

    ResponderEliminar
  26. Parece que este es un mundo de Windows y Explorer, aunque algunos deseemos otra cosa...

    ResponderEliminar
  27. Gracias por tu esfuerzo e información. Un saludo

    ResponderEliminar
  28. Hola Oloman.

    Pues apenas acabo de llegar a tu código (soy nuevo en blogger) y lo implementaré.
    Tu blog es genial.

    Oye, tu me podrías sacar de una duda.
    ¿Para que sirven lo que blogger llama páginas de entrada?¿Es importante activarlas?

    Gracias y un saludo.

    ResponderEliminar
  29. "Las páginas de entrada permiten que cada entrada tenga su página web exclusiva, además de aparecer en la página inicial del blog."

    O lo que es lo mismo, esta utilidad sirve para que cada post tenga una dirección propia que permite que podamos acceder a él como si de una página aparte se tratara.

    Para mí que sí que es importante.

    ResponderEliminar
  30. Eres muy amable por tu respuesta.

    Te mando un saludo y un abrazo desde Colombia.

    Felíz fin de año.

    ResponderEliminar
  31. ¡Hola Oloman!, gracias nuevamente por facilitar toda la info a aquellos que queremos darle nuestro estilo al blog, ya habré sacado tantas cosas de acá... Es la última página que encontré de este estilo y con la que más me quedo porque encuentro todo muy bien redactado y explicado.

    En fin, tengo una preguntita para hacerte con respuesta rápida... Resulta que yo había metido este código en mi blog y funcionaba perfecto, como defecto podría mencionar la letra que se veía muy chiquitita, pero legible de todos modos. Ahora bien, terminando de hacer unas cuantas modificaciones, me encontré con que al final me desaparecieron las entradas relacionadas, y yo asumo que fue porque una de esas modificaciones consistió en eliminar del footer las etiquetas (porque me molestaban). El tema es que parte del código esta dentro del loop del caso para mostrar las etiquetas, así que parece bastante obvio que me desaparezcan también las entradas relacionadas (supongo). La pregunta sería si se pueden mostrar los posts relacionados sin la necesidad de tener las etiquetas visibles... ¿Se podrá hacer?

    Muchas gracias =)... Por cierto, el blogeselectronicthings-blog.blogspot.com

    ¡Saludoos!

    P.D: Tuve que borrarlas (en realidad encerrarlas entre ) porque desde las opciones de las entradas en la parte de Elementos de la Página, por más que destildaba la opción para que no me aparezcan me aparecían igual. Espero no haberte mareado, suelo ocasionar eso con las preguntas interminables y confusas que hago xD, cualquier cosa decime y te pregunto de vuelta, tratando de formularlo mejor :p .

    ¡Saludooos! ^^

    ResponderEliminar
  32. hola olomán, en http://paraninosconcabeza he puesto este código, pero las entradas relacionadas NO aparecene, ¿a qué crees que se debe? no sé si puedes verlo... gracias!

    ResponderEliminar
  33. GordoPotter, no hacía falta que borraras todo. El loop hace falta para buscar las entradas relacionadas de entre todas las etiquetas disponibles. Si quieres este trasto pero no quieres que salgan las etiquetas, entonces del segundo trozo de código que se da, quita sólo la línea siguiente a la apertura del bucle (loop). Esa que empieza por <a expr:href...

    Lara, por lo que puedo ver, el script (primer paso) está mal copiado. Las dos últimas líneas que son las que cierran el script no están. Por contra, aparece un cierre de comentario --> que no sé muy bien de dónde sale. Dale un repaso a eso.

    ResponderEliminar
  34. muchas gracias, olomán, lo voy a repasar

    ResponderEliminar
  35. ¡Uy! ¡Gracias! ^^ , voy a probar entonces, ¡te lo agradezco un montón! Cualquier cosa vuelvo ^^

    ¡Saludooos! =)

    ResponderEliminar
  36. ¡Hola otra vez!, y perdón por tanta molestia, que no suelo ser tan cargoso xD, pero es que probé eso que me dijiste y bárbaro, aparecen los posts relacionados y desaparecen las etiquetas... El problema es que todavía tengo el cartel de 'Etiquetas: ,,,,' =(.. Voy a ver si puedo entender donde figura eso en el código para borrarlo, ¿pero sabrías como hacer para quitarlo?

    Muchisimas gracias =) ¡Saludooos!

    ResponderEliminar
  37. Debería estar un poco más arriba.
    <data:postLabelsLabel/> es la variable que contiene la palabra "Etiquetas" o la que se programe.

    ResponderEliminar
  38. Perdón xD, si queres borrá después todos mis comentarios, que te escribí como tres seguidos xD. Ya está, era para decirte que lo solucioné. Borré también que está debajo del primer b:if dentro de la clase (eso quitó el 'Etiquetas:') y además del a href que me dijiste también borré el b:if que le sigue , (que eso borra las comas). Así me quedo bien, ahora tengo que ver como quitar el espacio en blanco, pero calculo que me las arreglaré, sino lo pinto de verde y listo :p... Y espero que las modificaciones que hice borrando esas cosas que te dije no me causen ningún efecto secundario xD, pero bueno, con el tiempo lo veré.

    ¡Saludos y muchas graciassssss! ^^

    ResponderEliminar
  39. No suelo borrar ningún comentario, salvo que sea puro spam. De nada GordoPotter.

    ResponderEliminar
  40. hola olomán, en efecto, el código en http://paraninosconcabeza.blogspot.com está mal. pero cuando intento borrarlo todo para corregirlo o lo que sea, me aparece este carte: 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 "head" must be terminated by the matching end-tag "".
    , y en realidad head está cerrada con su corresponiente end tag... ¿qué crees que sucede?

    ResponderEliminar
  41. Si está bien cerrado el HEAD, ese aviso te indica que hay algún código por en medio mal redactado. Si por ejemplo hay un cierre anterior de más, puede que se interprete como un mal cierre del HEAD y por eso te dice que es ese tag el que está mal. Lo que es seguro es que hay algún código mal formado.

    ResponderEliminar
  42. Gracias, olomán, intentaré encontrarlo!!

    ResponderEliminar
  43. Hola olomán, ¿cómo puedo hacer para encontrar el error? si pego tu código tal cual o si lo elimino, en ambos casos me da error... es rarísimo!!

    ResponderEliminar
  44. Puede que yo lo tenga mal :( Pega un trozo y luego el otro. Dime cuál de los dos es el que da error.

    ResponderEliminar
  45. ¡Hola!

    He instalado esta función y me funciona perfectamente; el problema es que el texto de los enlaces a páginas relacionadas me sale muy chiquitín. En el último código que diste, el de personalizar, cambié font-size lo puse al 100% pero la verdad es que sale igual.

    ¿Qué tendría que hacer para ampliar el tamaño del texto?

    ¡Gracias!

    ResponderEliminar
  46. Hola Laura.
    Cambia el 100% por un valor absoluto a ver que tal, por ejemplo 24px. Si ves que funciona, ya sólo te queda ajustar a un tamaño que te cuadre.

    ResponderEliminar
  47. Gracias por responder ^^

    He probado lo que dices pero el tamaño sigue siendo el mismo... ¿Puede ser que haya que cambiar ese valor en otra parte de la plantilla

    ResponderEliminar
  48. Ahora me he dado cuenta de que detrás de 80% falta un punto y coma... va a ser eso :(

    Si no, prueba a añadir un !important, porque la clase post-footer, lleva un 74% de tamaño de fuente y es posible que también influya:
    <span style='font-size:80% !important;'>

    ResponderEliminar
  49. Hola Oloman, lo utilice en mi log y quedo bien solo que al querer poner el CSS no me dio resultados, la linea le puse de nombre (post-footer-line post-footer-line-4'>) al igual que el CSS, segun yo no cometi ningun error. Espero me puedas ayudar. Saludos :D

    ResponderEliminar
  50. Kiralisimo, en tu caso, el código de las entradas relacionadas lo has puesto en la post-footer-line-3, así que será suficiente con copiar y pegar el código que aquí mismo se ofrece, dónde se indica.

    Luego sólo tendrás que cambiar el contenido (los atributos) según el aspecto que le quieras dar.

    ResponderEliminar
  51. sip, ise eso que mencionste Oloman pero no me dio ningun resultado :S

    ResponderEliminar
  52. Yo creo que sí. Prueba a cambiar
    list-style-type: circle;
    por
    list-style-type: square;
    y verás cómo cambia.

    Se trata de que vayas cambiando las cosas que te interese.

    ResponderEliminar
  53. Muchas gracias, ha sido el mejor script que he encontrado.

    Un saludo.

    ResponderEliminar
  54. Pues mira este otro que a lo mejor cambias de opinión ;)

    http://oloblogger.blogspot.com/2009/11/entradas-relacionadas-con-miniaturas.html

    ResponderEliminar
  55. Muchas gracias, has conseguido que ponga en pie de obra a mis blogs. Son muy fáciles de aplicar y necesita de algunos de estos detalles antes de liarme con el diseño gráfico. Me estoy leyendo el blog con detalle desde que lo descubrí hace un par de días, me acabo de devorar todo el año 2007.

    ResponderEliminar
  56. Si lo estás leyendo todo Chuparuedis, espero que seas comprensivo con mis primeros posts ;)

    ResponderEliminar
  57. Hola Oloman te escribo porque he estado poniendo los adsense en mi blog y he debido de mover algo porque al pie del post, donde sale el autor etc...me sale line post-footer-line-1'
    y no consigo dar con ello para quitarlo, a ver si puedes echarme una mano, gracias

    ResponderEliminar
  58. ¿Y dónde lo veo si no sé tu blog ni tienes tu perfil habilitado, Afterhours?

    De todas formas, si te sale eso, probablemente es porque no está bien cerrada la etiqueta de esa parte. O falta una / o un >

    ResponderEliminar
  59. ¿Se puede sustituir el texto de "Entradas que podrían interesarte" por una imagen?, porque intenté hacerlo y me da fallo, tuve que volver a poner texto. ¿Y cómo se puede añadir en la parte inferior un margen o separación para que no quede pegado al siguiente elemento de ese bloque?, en mi caso esa función que tiene blogger similar al "me gusta".

    Es un tutorial muy práctico, gracias :-)

    ResponderEliminar
    Respuestas
    1. No deberías tener ningún problema. Sólo has de sustituir
      <br/>Entradas que podrían estar relacionadas:

      ...por algo así:
      <img src='URL_IMAGEN' />

      Y con respecto al espacio, ese BR que viste antes es el que inserta una línea en blanco, así que sólo tienes que añadir los que quieras más.

      Eliminar