Cómo mostrar Entradas Relacionadas

0 comentarios

Hay varios modos de insertar en nuestros posts enlaces con otros artículos de la misma temática o simplemente aleatorios. De esa manera podemos conseguir “atrapar” a nuestros lectores más tiempo dentro de nuestra web. Por esta razón, quise aprender como hacerlo, pero buscando por la red encontré varias formas y no todas del todo sencillas, además tuve más de un problema para instalarlo correctamente (supongo que porque no tengo una plantilla predeterminada de Blogger). A continuación os dejo el modo más sencillo y rápido de usar.

El recurso más utilizado para mostrar entradas relacionadas en nuestros post es el widget facilitado a través de Linkwithin. Lo es por su sencillez, rapidez y comodidad a la hora de instalar, además sirve para Blogger, Wordpress y otras plataformas. Muestra una foto en miniatura encima del título recomendado bajo el título “Quizás también le interese:”, con un aspecto, que además, puedes ajustar (más o menos) al diseño de tu blog. 

Quedaría según muestra la imagen:


Además, LinkWithin elige los más relevantes. Lo cierto es que las entradas que muestra parecen guardar relación real, y el hecho de que a la vez sean aleatorias facilita la navegación por nuestra web, que es lo que queremos.

Como se instala:
Modo Automático (Recomendado)

1. Entra en la web de LinkWithin y rellena su formulario. Introduce tu email, la dirección de tu blog, plataforma y dile cuantos post quiere que muestre. (Puedes indicarle si tienes un blog con fondos oscuros para que lo tenga en cuenta en el tipo y color de letra).


2. (Sólo para Blogger) Si has seleccionado la plataforma Blogger, aparecerá una siguiente página donde debes pulsar “Install Widget”. Esto automáticamente instalará el widget en tu blog (si estás previamente logeado) en la barra lateral. Después simplemente, en tu pantalla de Diseño, colócalo donde prefieras (lo lógico es debajo de las entradas).

3. Para el resto de plataformas, te dan el código HTML para que lo insertes debidamente.




Modo Manual


Haz el paso 1 antes explicado y donde pone “plataforma” selecciona Otros. Te dará el código HTML para que lo instales. Un código tal que así:

<script>
var linkwithin_site_id = XXXXXXXßEste será el código ID de tu blog
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

Puedes tener varios motivos para hacerlo de esta manera manual, pero básicamente serán dos:

Que quieras reubicar el widget: Por defecto salen en el pie de la entrada y para colocarlos dónde quieras, tendrás que editar la plantilla HTML de tu blog y colocar el siguiente código allí dónde quieras que aparezcan:

<div class="linkwithin_div"/>  ß No olvidar la última barra

Que tengas una página de inicio con varias entradas y con un “sigue leyendo, leer más, etc…”.: (Que es lo que tenía yo, y que me tuvo como loco un par de días). El widget por defecto va a mostrar entradas relacionadas en todos los posts (incluso los resumidos), y lo que vamos a querer es que esto sólo se muestre cuando el lector abra la entrada individual.
La solución está en insertar un condicional en el código de la siguiente manera:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var linkwithin_site_id = XXXXXXX;  ßEste será el código ID de tu blog
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
</b:if>

Luego, pegamos todo este código debajo de la línea (búscala en la plantilla HTML),

<div class='post-footer-line post-footer-line-1'>

O bien debajo de estas otras,

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

Dependerá del diseño de plantilla que tengas. Prueba. Funcionan en todas ellas, solo cambia el sitio donde se coloca el widget.

NOTA IMPORTANTE: para que sólo salga en las entradas individuales, una vez hecho esto, borra el widget instalado en la barra lateral (si es que lo habías instalado al principio) y borra también el <div class="linkwithin_div"/> (si es que también lo habías metido).

Dudas por favor, espero vuestros comentarios.

Mañana más.

Deja tu comentario

 
Corre, nada, vuela!. Borja Sanz web © 2013