Insertar un tablero en un blog

Como actividad para el curso, debemos incluir el widget (o gadget, artefacto en español) de Pinterest en la barra lateral de nuestro blog. Dado que no hay uno específico que se incluya en el menú de gadgets de Blogger, debemos insertar el código HTML directamente. No es difícil, sigue los pasos que se explican a continuación:

Crear el widget de un tablero

  • Primero debes seleccionar el tablero Pinterest que quieres que se muestre en el blog. 

Tablero

  • Hacemos clic en el botón con tres puntos que aparece en la parte superior izquierda del tablero y a continuación en el botón Crear un widget.

Crear un widget

  • Automáticamente nos generará un código HTML, además de mostrar un ejemplo de como quedará el widget

Añadir un widget

  • Ahora debemos copiar el código HTML generado, será similar al de este ejemplo:

 <a data-pin-do="embedBoard" href="https://www.pinterest.com/formacionintef/rea_mat/"data-pin-scale-width="80" data-pin-scale-height="200" data-pin-board-width="400">Sigue el tablero REA_Mat de Formación en Red (INTEF) en Pinterest.</a><!-- Please call pinit.js only once per page --><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Insertar el widget en la barra la lateral de Blogger

  • Vamos a nuestro blog y en las barra de herramientas de la izquierda hacemos clic en Diseño. (El siguiente ejemplo es sobre una cuenta Blogger)

Diseño

  • A continuación pulsamos en la parte derecha del diseño del blog, donde aparece Añadir un gadget.

Añadir un widget

Aparecerá una nueva ventana con un menú de gadget para incorporar en el blog. Seleccionamos el que pone HTML/ Javascript haciendo clic en el + (más) que se encuentra en la parte superior derecha.

Opción HTML

  • En el espacio Contenido copiamos el texto HTML copiado anteriormente. Ponemos un título, por ejemplo Tablero Pinterest, y damos a Guardar.

Configurar HTML

  • Ya podemos ir a la página principal de nuestro blog donde aparece nuestro tablero de Pinterest.

Resultado en Blog

Insertar el widget en una entrada o página

  • Es posible insertar el widget del tablero en cualquier sitio web, blog o recurso que acepte código HTML. Para ello sólo es necesario copiar el cógido HTML generado por Pinterest en la pestaña HTML de la entrada o página del blog, wiki, etc.