Como agregar un Santa Claus animado en Moodle

Otro diciembre que llega lleno de alegrías y felicidad para aquellas personas que nos encanta esta época. 😊

Y como hemos hecho en otros años, no podía faltar la decoración de nuestro Moodle para que todos nos contagiemos del espíritu navideño.

En años pasados te enseñé a poner un árbol de navidad, nieve animada y hasta luces decorativas, este año le toca el turno a nuestro querido Papa Noel 🎅 para que decore nuestro Moodle.

Agregando Santa Claus animado en Moodle

En el pasado, para agregar este tipo de efectos necesitábamos complejos códigos CSS y Javascript, lo cual lo hacía más pesado y difícil de implementar.

Para este tutorial lo haremos haciendo uso de las animaciones Lottie, lo cual permitirá crear nuestro Santa Claus animado en Moodle de manera sencilla y rápida, y de igual manera para eliminarlo al final de las festividades, solo será necesario quitar el bloque que lo contiene. 😀

Puedes agregar este Santa en cualquier parte de Moodle que admita un bloque HTML, como por ejemplo los cursos o la página principal de Moodle.

El resultado del efecto animado lo puedes mirar desde aquí.

Creando el bloque HTML

Lo primero será activar la edición en Moodle, para ello debes hacer clic a la rueda dentada ubicada en la parte superior derecha, luego haz clic a Activar edición.

activar edición en inicio tema boost
Nota
Dependiendo del tema que tengas en tu Moodle, es posible que activar la edición u otros elementos de este tutorial no esté disponible en estas ruta.

Sugiero consultar la documentación de tu tema para ubicarlas si fuera tu caso.

Ahora ve a la columna de la izquierda y haz clic al botón Agregar un bloque, del menú emergente que se despliega, selecciona HTML.

agregar bloque en tema boost moodle

El bloque HTML creado, lo podrás ubicar por defecto en la columna de la derecha. Haz clic a la rueda dentada de este bloque y selecciona: Configurar bloque (nuevo bloque HTML).

modificando bloque html en moodle

Añadiendo el Lottie de Papa Noel en Moodle

En el campo Contenido haz clic al botón Mostrar/ocultar botones avanzados y luego a HTML. Borra el código que se muestra en el editor de texto.

mostrar botón agregar html en editor de texto de moodle

Ahora copia y pega este código en el campo de texto en blanco:

<script src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_0etcyzow.json" background="transparent" speed="0.8" style="width: auto; height: auto;" loop="" autoplay=""></lottie-player>
código de Santa Claus animado en Moodle

Haz clic al botón Guardar cambios ubicado al final y luego desactiva la edición para que puedas ver el Santa Claus animado en Moodle. 🤩

Santa Claus en Moodle

Espero te guste este efecto navideño para tu Moodle y sea del agrado de los integrantes de tu plataforma. Saludos y Feliz Navidad. 🎉🎄

Califica este artículo

Puntuación promedio 0 / 5. Votos: 0

No hay votos hasta ahora. Sé el primero en calificar esta publicación.

Foto del autor
Fundador de VivaBlogger y cofundador de EVirtualplus. Soy un tecnomaniaco desde que estaba en pañales. Mi familia es el fundamento de mi vida. Sígueme en mis redes sociales.

También te puede interesar

Deja un comentario

El responsable de este sitio web es Marit Acuña. La finalidad de los datos es gestionar los comentarios en este blog. El destinatario (donde se almacenan los datos) es el hosting de este blog: Banahosting, ubicado en EEUU. La legitimidad es el consentimiento que otorgas en el formulario. Tienes derecho a acceder, rectificar, limitar y suprimir tus datos según la política de privacidad.