Incrustar códgo HTML en nuestro blog

Podemos insertar en el blog multitud de contenido además de lo básico (texto, imágenes, vídeos o enlaces).  Esto nos permitirá insertar en el blog actividades, cuestionarios, presentaciones etc. sin que el usuario tenga que descargarlo y por tanto tener instalado en casa un programa para visualizar el contenido.

Lo primero será copiar el código. Aunque hay muchas variaciones, en la práctica la mayoría funcionan de forma muy similar. Como ejemplo, veamos cómoinsertar una presentación hecha con ThingLink.com como la que se muestra a continuación.

Para copiar el código HTML de esa presentación en ThingLink.com entramos con nuestra cuenta de usuario a esa web y abrimos la presentación. En la parte superior de la pantalla hacemos clic en el botón compartir o share:

 En la primera pestaña (Insertar), nos aparece el código HTML que necesitamos y un botón COPY para copiarlo. Hacemos clic en él.

Opción A

Si el código es para insertarlo en una entrada,una vez estamos editando la entrada en cuestión, hacemos clic en el botón HTML de la parte iquierda de la barra de botones de edición.  Localizamos el punto donde ubicar la presentación y pegamos el código.

Opción B

Si lo que queremos es poner un módulo o widget permanente en el blog, tendremos que editar su configuración. 

Supongamos que queremos poner la predicción meteorológica de nuestra localidad en el blog.   Podemos hacer uso del widget de la web eltiempo.es, que editan varios meteorólogos españoles como J.A. Maldonado.

Accedemos al a URL https://www.eltiempo.es/widget
Elegimos la configuración (magnitudes a mostrar, número de días, tamaño en pixels etc) que queremos y en la parte inferior de la pantalla, aceptamos las condiciones de uso del widget y hacemos clic en el botón para generar el código.  Lo copiamos.

Vamos a la configuración del blog, hacemos clic en diseño y seleccionamos la zona donde queremos (por ejemplo el lateral derecho) y pulsamos en añadir un gadget.  Buscamos la opción HTML/Javascript y colocamos el código

Guardamos y  aparecerá ya el nuevo módulo en la zona de edición de diseño. Antes de terminar, se puede arrastrar con el ratón para ubicarlo en otra posición si queremos. Por último, clic en el botón Guardar disposición en la parte superior derecha de la pantalla.

Si queremos posteriormente modificar algo del módulo o gadget, en lugar de seguir de nuevo estos pasos podemos hacer clic en el icono que aparece a su derecha (un pequeño destornillador sobre una llave fija).  Por ejemplo, si queremos centrar el módulo, ya que por defecto aparecerá alineado a la izquierda, no hace falta conocer el lenguaje HTML.  Basta con colocar el código <center> antes del código del módulo y </center> después.   Guardamos y el módulo de predicción del tiempo aparecerá centrado.