1
00:00:06,769 --> 00:00:14,009
Hola, soy Luz y en este ejercicio vamos a ver diferentes maneras de insertar tableros de Pinterest en nuestro blog de Blogger.

2
00:00:14,490 --> 00:00:22,269
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.

3
00:00:22,750 --> 00:00:23,269
Empezamos.

4
00:00:25,480 --> 00:00:29,839
Este es el blog que estamos construyendo y aquí es donde queremos insertar nuestro tablero Pinterest.

5
00:00:30,399 --> 00:00:36,299
Vamos a hacerlo de dos formas, como un gadget de forma que aparezca en la columna de la izquierda y que esté siempre disponible

6
00:00:36,299 --> 00:00:40,500
o también como si fuera parte de una entrada en una de las páginas del blog.

7
00:00:41,280 --> 00:00:52,770
Lo primero que vamos a hacer es abrir Blogger y entramos en la configuración de nuestro blog.

8
00:00:53,270 --> 00:00:56,689
Dentro de Blogger vamos a elegir Diseño de la columna de la izquierda

9
00:00:56,689 --> 00:01:02,670
y aparece la estructura de nuestro blog en la que están organizados los contenidos.

10
00:01:03,210 --> 00:01:05,549
Vamos a elegir la opción Añadir un gadget.

11
00:01:06,530 --> 00:01:12,329
Aparecerán todos los gadgets que utiliza Blogger y nosotros seleccionaremos HTML Javascript.

12
00:01:12,329 --> 00:01:22,319
Lo vamos a dejar abierto y ahora vamos a abrir una nueva pestaña para acceder a nuestra cuenta de Pinterest.

13
00:01:25,739 --> 00:01:30,319
Una vez dentro buscamos el tablero que nos interesa, hacemos clic en nuestro nombre,

14
00:01:35,469 --> 00:01:40,750
aparecerán todos nuestros tableros y vamos a seleccionar el que queremos encender el blogger,

15
00:01:41,209 --> 00:01:43,290
en concreto este, escalera de libros.

16
00:01:45,890 --> 00:01:47,150
Lo seleccionamos y lo abrimos.

17
00:01:47,150 --> 00:01:54,909
Una vez abierto el tablero que nos interesa, buscamos los tres puntitos de opciones en la parte superior de la izquierda.

18
00:01:56,469 --> 00:02:02,090
Seleccionamos y aparece este desplegable. Vamos a elegir Create Widget.

19
00:02:03,510 --> 00:02:14,409
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.

20
00:02:14,409 --> 00:02:24,449
Lo que nosotros vamos a buscar es el código HTML que nos permitirá insertar e incrustar nuestro tablero en nuestro blog de Blogger.

21
00:02:24,689 --> 00:02:26,210
El código está al final.

22
00:02:27,449 --> 00:02:32,349
Como veis, está dividido. Este es el código HTML, es una lista de caracteres de corchetes.

23
00:02:32,830 --> 00:02:34,150
Está dividido en dos partes.

24
00:02:35,949 --> 00:02:40,969
Y vamos a tener que copiar los dos códigos al ser el primer tablero que insertamos en nuestro blog.

25
00:02:40,969 --> 00:02:46,349
Si queremos insertar más tableros, bastará con copiar solamente el código del primer rectángulo.

26
00:02:46,689 --> 00:03:00,830
Empezamos por este, lo seleccionamos, copiamos y ahora nos vamos a Blogger, al gachet que dejamos abierto de HTML, JavaScript,

27
00:03:01,449 --> 00:03:08,610
hacemos clic en la ventana del editor y copiamos el texto que acabamos de copiar, que acabamos de coger de Pinterest.

28
00:03:08,610 --> 00:03:38,490
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.

29
00:03:38,490 --> 00:03:54,400
Guardamos y ahora vamos a volver a Blogger, actualizamos nuestro blog y si vamos a la vista previa, aquí tenemos nuestro tablero de Pinterest.

30
00:03:55,659 --> 00:04:02,719
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.

31
00:04:03,740 --> 00:04:08,719
Volvemos a Blogger, en lugar de Diseño, como hicimos antes, elegimos la opción Páginas.

32
00:04:08,719 --> 00:04:16,519
Dentro de páginas seleccionamos la opción lectura 0 a 3 años, el nombre de la página en concreto y editamos

33
00:04:16,519 --> 00:04:20,959
Blogger nos permite redactar y editar un texto de dos formas

34
00:04:20,959 --> 00:04:23,199
En modo redacción, que es un texto normal

35
00:04:23,199 --> 00:04:28,000
O en modo HTML, que es el que nosotros vamos a utilizar

36
00:04:28,000 --> 00:04:34,160
Recordamos que estamos copiando códigos HTML que nos permiten insertar elementos de otras aplicaciones

37
00:04:34,160 --> 00:04:38,399
Seleccionamos entonces la opción HTML y volvemos a Pinterest

38
00:04:38,399 --> 00:04:46,939
Al ser el segundo tablero que insertamos no vamos a necesitar copiar el código de abajo, solamente el código de arriba.

39
00:04:47,379 --> 00:05:06,029
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,

40
00:05:06,029 --> 00:05:13,689
Aquí estarán nuestros dos tableros, el gadget y la página

41
00:05:13,689 --> 00:05:21,750
Recuerda, para insertar tableros de Pinterest en Blogger

42
00:05:21,750 --> 00:05:25,949
En Blogger añadimos el gadget HTML Javascript

43
00:05:25,949 --> 00:05:29,250
O bien añadimos una entrada con edición HTML

44
00:05:29,250 --> 00:05:33,209
En Pinterest seleccionamos la opción Make a Widget

45
00:05:33,209 --> 00:05:35,449
Copiamos el código HTML

46
00:05:35,449 --> 00:05:39,610
Si es la primera vez que vamos a insertar un tablero hay que copiar los dos códigos

47
00:05:39,610 --> 00:05:46,839
Volvemos a Blogger, pegamos el código HTML bien en el gadget o bien en la entrada

48
00:05:46,839 --> 00:05:49,980
Actualizamos nuestro blog y listo