Agrega una entrada Recomendada para blogger

Agrega un Boletín de noticias para blogger Ver en codepen

En este artículo les vengo a compartir como poder agregar una entrada recomendada de forma aleatoria en los artículos de nuestro post de blogger. Está basada en los feed y escrita en javascript puro. Así que sin más que decir, vamos a ello.

Características

  • Escrito en javascript puro (vanillaJS)
  • Ligero
  • No toma en cuenta la entrada actual (La filtra)

¿Qué hace?

Elige al azar una entrada desde el feed de nuestro blog y al bajar el scroll se mostrara una entrada al costado inferior derecho de la pantalla.

Instalar

agregar css

Nos dirigiremos a nuestro panel » tema » personalizar y buscaremos Opciones Avanzadas y en la pestaña "agregar css" pegamos el siguiente código css:

He dejado sin comprimir el css desde el comentario /*Personalización*/ para que puedan editarlo a su gusto.

NOTA: Los estilos necesitan de la fuente Roboto de google. En caso de no tenerla instalada, favor de hacerlo. En caso de tenerla instalada omitir esto.

Agregar javascript

Agregado el css ahora procederemos a agregar el código javascript. Volveremos a la pestaña tema y esta vez nos iremos a Editar HTML y búscaremos: <body> y pegamos el siguiente código:

opciones

Este complemento cuenta con las siguientes propiedades:

  • url: Es la url del blog.
  • title: Es el título "Te recomendamos..."
  • imgSize: Es el tamaño de la miniatura.
  • offset: Es el rango en dónde se mostrará la entrada al bajar con el scroll.
  • filterId: Es el id de la entrada actual.
  • readPost: Es el texto "Ver entrada"
  • label: Valor opcional; Nos permite escoger una etiqueta para mostrar la entrada recomendada basada en esta.
Aviso: estas opciones son obligatorias, de no estar alguna presente el script arrojara error.

Bueno hasta aquí el artículo, espero les guste este pequeño complemento para sus web/blog. Si tienes dudas, necesitas ayuda o quieres dejarte tu opinión, no dudes en hacerlo en los comentarios. Si puedes, te invito a qué compartas esta entrada en las redes sociales, eso me ayudaría mucho. Hasta pronto y que estén bien.

Otros artículos que quizá te gusten.

cargando...

Comentarios

Publicar un comentario