Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Videotutorial para Tutor_Intef

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 2 de mayo de 2018 por María Luz M.

12 visualizaciones

Ejercicio del Bloque III para el curso Tutor Intef: videotutorial sobre Blogger y Pinterest

Más información Transcripción

Descargar la transcripción

Hola, soy Luz y en este ejercicio vamos a ver diferentes maneras de insertar tableros de Pinterest en nuestro blog de Blogger. 00:00:06
Trabajaremos abriendo las dos aplicaciones a la vez en pestañas simultáneas, buscando el código HTML en Pinterest e incrustándolo en Blogger. 00:00:14
Empezamos. 00:00:22
Este es el blog que estamos construyendo y aquí es donde queremos insertar nuestro tablero Pinterest. 00:00:25
Vamos a hacerlo de dos formas, como un gadget de forma que aparezca en la columna de la izquierda y que esté siempre disponible 00:00:30
o también como si fuera parte de una entrada en una de las páginas del blog. 00:00:36
Lo primero que vamos a hacer es abrir Blogger y entramos en la configuración de nuestro blog. 00:00:41
Dentro de Blogger vamos a elegir Diseño de la columna de la izquierda 00:00:53
y aparece la estructura de nuestro blog en la que están organizados los contenidos. 00:00:56
Vamos a elegir la opción Añadir un gadget. 00:01:03
Aparecerán todos los gadgets que utiliza Blogger y nosotros seleccionaremos HTML Javascript. 00:01:06
Lo vamos a dejar abierto y ahora vamos a abrir una nueva pestaña para acceder a nuestra cuenta de Pinterest. 00:01:12
Una vez dentro buscamos el tablero que nos interesa, hacemos clic en nuestro nombre, 00:01:25
aparecerán todos nuestros tableros y vamos a seleccionar el que queremos encender el blogger, 00:01:35
en concreto este, escalera de libros. 00:01:41
Lo seleccionamos y lo abrimos. 00:01:45
Una vez abierto el tablero que nos interesa, buscamos los tres puntitos de opciones en la parte superior de la izquierda. 00:01:47
Seleccionamos y aparece este desplegable. Vamos a elegir Create Widget. 00:01:56
Al seleccionarlo, Pinterest abrirá una ventana en la que podemos observar todas las opciones que nos deja para insertar o enlazar sus tableros en nuestros sitios web. 00:02:03
Lo que nosotros vamos a buscar es el código HTML que nos permitirá insertar e incrustar nuestro tablero en nuestro blog de Blogger. 00:02:14
El código está al final. 00:02:24
Como veis, está dividido. Este es el código HTML, es una lista de caracteres de corchetes. 00:02:27
Está dividido en dos partes. 00:02:32
Y vamos a tener que copiar los dos códigos al ser el primer tablero que insertamos en nuestro blog. 00:02:35
Si queremos insertar más tableros, bastará con copiar solamente el código del primer rectángulo. 00:02:40
Empezamos por este, lo seleccionamos, copiamos y ahora nos vamos a Blogger, al gachet que dejamos abierto de HTML, JavaScript, 00:02:46
hacemos clic en la ventana del editor y copiamos el texto que acabamos de copiar, que acabamos de coger de Pinterest. 00:03:01
Nos queda la segunda parte del código, volvemos a Pinterest, seleccionamos la segunda línea, copiamos, volvemos al gadget de Blogger y pegamos como título y le vamos a poner lectura de 0 a 3 años, ya que este es un blog de animación en la lectura infantil. 00:03:08
Guardamos y ahora vamos a volver a Blogger, actualizamos nuestro blog y si vamos a la vista previa, aquí tenemos nuestro tablero de Pinterest. 00:03:38
Vamos a ver ahora cómo insertarlo dentro de una de las páginas de Blogger, no como un gadget, sino como una entrada más. 00:03:55
Volvemos a Blogger, en lugar de Diseño, como hicimos antes, elegimos la opción Páginas. 00:04:03
Dentro de páginas seleccionamos la opción lectura 0 a 3 años, el nombre de la página en concreto y editamos 00:04:08
Blogger nos permite redactar y editar un texto de dos formas 00:04:16
En modo redacción, que es un texto normal 00:04:20
O en modo HTML, que es el que nosotros vamos a utilizar 00:04:23
Recordamos que estamos copiando códigos HTML que nos permiten insertar elementos de otras aplicaciones 00:04:28
Seleccionamos entonces la opción HTML y volvemos a Pinterest 00:04:34
Al ser el segundo tablero que insertamos no vamos a necesitar copiar el código de abajo, solamente el código de arriba. 00:04:38
Lo volvemos a seleccionar, hacemos copiar, volvemos a Blogger y en el editor en modo HTML pegamos, actualizamos y si ahora activamos la vista previa del blog, 00:04:47
Aquí estarán nuestros dos tableros, el gadget y la página 00:05:06
Recuerda, para insertar tableros de Pinterest en Blogger 00:05:13
En Blogger añadimos el gadget HTML Javascript 00:05:21
O bien añadimos una entrada con edición HTML 00:05:25
En Pinterest seleccionamos la opción Make a Widget 00:05:29
Copiamos el código HTML 00:05:33
Si es la primera vez que vamos a insertar un tablero hay que copiar los dos códigos 00:05:35
Volvemos a Blogger, pegamos el código HTML bien en el gadget o bien en la entrada 00:05:39
Actualizamos nuestro blog y listo 00:05:46
Autor/es:
Luz Muñoz Vivas
Subido por:
María Luz M.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
12
Fecha:
2 de mayo de 2018 - 1:05
Visibilidad:
Público
Centro:
CP INF-PRI MIRASIERRA
Duración:
05′ 57″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
53.93 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid