Entradas relacionadas con el gadget de LinkWithin en blogger

LinkWithin es un gadget que muestra las entradas relacionadas con una imagen en miniatura, y aunque no es un gadget nada nuevo, muchos no se animan a usarlo por su falta de personalización.

Así que en esta entrada vamos a ver cómo poner LinkWithin en el blog, y cómo personalizarlo.

Empecemos. Primero que nada hay que instalar el gadget, para ello entra a la página de LinkWithin, ahí llena los datos que te pide.

Aunque nos ofrece la opción de seleccionar Blogger como plataforma, seleccionaremos Other, para poner el código directo en la plantilla y así poder manipularlo. En el número de entradas (stories) selecciona un número de acuerdo al ancho de tus entradas, es decir, si el ancho de tus entradas es muy reducido entonces elige un número pequeño.

Al dar click en Get widget nos dará el código que debemos usar, es un código como este:

<script>
var linkwithin_site_id = XXXXX;
</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>

Ese código generado se debe agregar antes de </head>

Con eso ya tenemos las entradas relacionas al final de nuestras entradas, sin embargo hay una manera de quitar el enlace que dice LinkWithin, para eso agregamos los siguiente antes de ]]></b:skin>

a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Con esto quitamos el enlace */
}

Con eso ya tenemos el truco de entradas relacionadas tal como se ve en esta plantilla, solo agregar que si se quiere que solo se vea en las entradas individuales el script de linkwithin con el siguiente condicional:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
…Aquí va el código del elemento…
</b:if>

¿Tienes alguna Duda?, o necesitas Ayudas no dudes en Comentar

Leave a comment

Your email address will not be published.


*


Follow

Get every new post delivered to your Inbox

Join other followers