Como crear artículos relacionados con imágenes en blogger


Nunca pensé que podía llegar a modificar el código de linkwithin para que se muestren los artículos relacionados solo en las entradas de cada artículo y no en la página principal de nuestro blog, pero lo logre y quiero compartir este artículo con ustedes. Lo que va a mostrar nuestro widget de Linkwithin es imágenes en miniatura de los mensajes que tienen las mismas etiquetas o categorías en la parte inferior de cada página de nuestros artículos, esto hará que involucre al lector a ver más artículos relacionados de nuestro blog de Blogger, aumentando las visitas a nuestras páginas que tal vez estecen muy escondidas de nuestro blog.

Como crear artículos relacionados con imágenes en blogger

Características

No es necesario instalar ningún script ni tampoco editar nuestro HTML, ya que solo se instala un solo widget, el cual va en nuestro blog de diseño. El almacenamiento de los códigos del widget va configurado en el servidor de Linkwithin.

Vamos a trabajar

Añadir Linkwithin a Blogger

Los pasos son muy sencillos:

1 Ir a Linkwithin

2 Llene los pasos tal como se muestra en la imagen a continuación 

Como crear artículos relacionados con imágenes en blogger


3 Pulse el botón “Get Widget” y luego le aparecerá una imagen como esta

Como crear artículos relacionados con imágenes en blogger

4 Un clic donde dice “Install Widget

5 Luego se desprenderá una pantalla como esta

Realice estos cambios

Un clic donde dice “Editar plantilla” y le aparecerá un cuadro como este


6 Borre este contenido

<b:includable id="main"><data:content /></b:includable>

7 Remplacelo por este nuevo código


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

El código que inserto evitara que los artículos relacionados aparezcan en su página principal, ya que lo que queremos es que solo nos aparezca en nuestros artículos.

Así es como debe quedarles miren la imagen

Como crear artículos relacionados con imágenes en blogger


Ahora donde dice “Titulo” cámbielo por el título que usted desee

8 Finalmente un clic donde dice “Añadir artilugio” y le llevara al diseño de su página en el cual le aparecerá en un lugar que no queremos que aparezca, ahora lo que necesitamos hacer es buscar nuestro widget con el nombre que le habíamos puesto y ubicarlo debajo de nuestra caja de “Entradas del blog”, así es como debe de quedarles miren la imagen.

Como crear artículos relacionados con imágenes en blogger



Luego pongan “Guardar disposición” y listo ya está ubicado nuestro widget de artículos relacionados con una imágenes en miniatura y con un texto de descripción.

Revise su blog de blogger y disfrute de este nuevo widget de artículos relacionados posicionado en cada entrada de nuestro blog.

¿Necesitas ayuda?

Cualquier pregunta no dude en hacérmelo saber.

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

30 comentarios:

  1. Hola, cómo estas?

    Puede ser que estos códigos no funcionen cuando estas utilizando planillas dinámicas?

    Saludos y muy lindo el blog, mucho aporte...

    ResponderEliminar
  2. Hola, para plantillas dinamicas no. Debera tener otro codigo.
    Saludos.

    ResponderEliminar
  3. Muchas gracias, el post me ha servido de ayuda :)

    ResponderEliminar
  4. muchas gracias me sirvio mucho,,,

    ResponderEliminar
  5. Me quedo exelente, muchas gracias, si no es mucho pedir, como hago para que quede centrado con el ancho de pagina..gracias

    ResponderEliminar
    Respuestas
    1. Hola enviame la direccion de tu blog para poder verlo.
      Saludos.

      Eliminar
  6. Exelente me funciono muy bien muchas gracias

    ResponderEliminar
  7. Hola, muy buen tutorial, pero no sabrías como quitar el link que aparece en el borde inferior derecho que dice "LinkWithin", me resulta antiestético. Aquí está el blog por si quieres revisar: http://babyface-releases.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. hola, no hay forma de que lo quites ya que biene el codigo encriptado desde la plataforma LinkWithin.
      Saludos.

      Eliminar
    2. Sabes porqué siempre recomienda los mismos artículos? No hay una manera de que vayan rotando los artículos?

      Eliminar
    3. Hola, si van rotando los articulos, es segun como vayan viendo los usuarios en tu blog, linkwithin, lo recomendara.
      Saludos.

      Eliminar
  8. Hola Luis, te felicito por las instrucciones están muy claras y las imágenes ayudan mucho. Tengo un problema, no me salen las imágenes en miniatura y no sé a que puede deberse, tal vez a que todavía tengo poco contenido?. Si quieres mirar te dejo el blog: http://papelesconsueno.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola he visto tu blog, tal como explico en este post, te deberia funcionar, tal vez tengas algo puesto en la configuracion de tu feed, tocaria mirarlo, dirigete a configuraciones de tu blog y miralo si tienes habilitado todo el Feed.
      Saludos.

      Eliminar
  9. Hola Luis oye tengo una duda como puedo mover de lugar los artículos relacionados me apresen dentro del post en la parte de abajo pero dentro del post lo quiero poner fuera del post abajo pero fuera del post arriba de los comentarios pero fuera del post eso se podrá ? te agradezco por la ayuda de verdad me interesa mucho espero tu respuesta...

    ResponderEliminar
  10. Hola luis necesito ayuda¡¡

    tengo puesto el codigo.. solo sale un enlace del primer post que inserte y no sale la imagen en miniatura

    te dejo el la direccion http://Despierta40.blogspot.com

    Gracias¡¡

    ResponderEliminar
    Respuestas
    1. Hola he visto tu blog, y no tienes puesto el codigo de Linkwithin.
      Saludos

      Eliminar
  11. Lo he puesto como 5 veces jajajaja bueno ya lo mirare

    Gracias¡¡

    ResponderEliminar
  12. hola luis, estoy ingresando este plugin en la plantilla que me has enviado pero no se ve nada, me puedes dar una mano? gracias

    ResponderEliminar
    Respuestas
    1. Hola, encantado en ayudarte, inserta la direccion URL de tu blog para poder verlo.
      Saludos.

      Eliminar
  13. Hola Me Pudes Decir Como Centrar Las Imagenes
    Este Es Mi Blog: http://andromaniako.blogspot.mx/

    ResponderEliminar
  14. Saludos Luis, coloque todo tal cual en un blog que estoy construyendo usando una de tus plantillas (Plantilla zona) pero no me quedo como debería. Me gustaría que le echaras un vistazo hermano para ver si detectas que puede estar pasando. http://tipsabogado.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Junior, he visto su blog, parece que un script ajeno a la plantilla esta ocacionando un problema con los widgets y es por este motivo que no se puede visualizar correctamente, le recomiendo que elimine algún código ajeno que haya instalado usted a la plantilla. Saludos.

      Eliminar
  15. Hola Luis, me disteis esta información por Foro Blogger, pero ahora me doy cuenta que no salen los temas relacionados, lo he eliminado y lo he vuelto a crear pero no se ven, no sé qué puedo hacer, te dejo mi URL por si puedes ayudarme, gracias
    http://experienciasytrucos.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Yulisa, gracias por escribir, he visitado su blog de Blogger, y he visto que ha insertado el codigo erroneamente, por favor, elimine el codigo que se le proporciono en mi tutorial y luego vuelva a realizar todos los pasos, pero esta vez inserte el codigo correctamente,

      Saludos.

      Eliminar
  16. Hola, he hecho todos los pasos que indicas pero no me funciona, antes lo tuve pero desapareció de un momento a otro, y ahora lo hago y no se ven los temas relacionados, según visualizo está en HTML1 no sé si esto influye o no, qué puedo hacer? Gracias

    ResponderEliminar
    Respuestas
    1. Hola Yulisa, gracias por escribir, con respecto a lo que indica, puede dejarme la dirección URL de su blog para poder ver lo que sucede

      Saludos.

      Eliminar
  17. Gracias Luis, ya no sé qué hacer, mi URL es
    http://experienciasytrucos.blogspot.com/

    ResponderEliminar
  18. Hola Luis, espero tu respuesta si puedes darme una sugerencia de cómo resolverlo. gracias

    ResponderEliminar
    Respuestas
    1. Hola Yulisa, para ayudarle directamente, por favor agregueme y envíeme un correo a la siguiente dirección: ayudadeblogger@gmail.com

      Espero su comentario

      Saludos.

      Eliminar