Relacionar entradas con Imagen (Blogger)

En esta entrada veremos como Relacionar entradas con imagen de manera sencilla en nuestro blog con la ayuda de un gadget llamado LinkWithin. 

Para instalar este gadget necesitamos entrar a la pagina de LinkWithin, podemos entrar dando click sobre el nombre.

Una vez que hayan entrado a la pagina localizan la parte que esta en la imagen donde deberemos anotar lo siguiente:

• Email: debemos escribir nuestro correo.
• Blog Link: anotamos la dirección de nuestro Blog.
• Plataform: Seleccionamos Other.
• Width: Seleccionamos el numero de entradas que queremos que se muestren, en mi caso seleccione 4.

Una vez anotados los datos necesarios le damos click en Get Widget! Nos aparecerá un código similar a este:

Copiamos el código que nos arrojo la pagina y luego vamos a nuestro blog, ahí debemos ir a la opción Diseño y Añadir un nuevo gadget, de entre las opciones seleccionamos HTML/Javascript:

Al seleccionarlo nos aparecerá lo siguiente donde debemos anotarle un nombre al gadget para identificarlo (en mi caso le anote LinkWithin) y en Contenido pegamos el código antes copiado y seleccionamos Guardar:

Este gadget lo debemos situar debajo de las entradas del blog. Guardamos los cambios y listo, en cada entrada este gadget nos mostrara entradas similares con una imagen.  

Al realizar los pasos anteriores la información se mostrara de la siguiente manera:

Si queremos que el gadget se muestre solo en las entradas individuales, es decir, que no se muestre en la pagina principal, necesitamos hacer lo siguiente:

• Entrar a la opción Planilla:

Localizamos la opción Editar HTML y damos click:

Nos aparecerá el editor HTML, lo que necesitamos hacer es buscar el gadget que insertamos hace un momento, para eso debemos dar click a la tecla Ctrl y al mismo tiempo presionar la letra f, de esta manera podremos buscar el gadget, necesitamos anotar el nombre que le pusieron al gadget, en mi caso LinkWithin:

Debemos darle enter para que nos situé donde se encuentra el gadget, si se dan cuenta en la imagen aparece seleccionado con amarillo la palabra que buscamos, estando ahi debemos agregar lo siguiente justo donde se encuentran las flechas:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>

Con la modificación te debe quedar de la siguiente manera:

Guardas los cambios realizados y listo, ahora el gadget solo se mostrara en las entradas individuales y no en la pagina principal.

Espero les haya servido. Saludos!!