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).
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 == "item"'>
<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.
