1 00:00:00,000 --> 00:00:06,679 Muy buenas, hola blogger. En este videotutorial vamos a ver cómo introducir gadget en nuestro blogger 2 00:00:06,679 --> 00:00:14,119 y además hacer una página y poder navegar entre páginas de nuestro blog. 3 00:00:14,199 --> 00:00:17,879 Vamos a ver que las páginas son distintas de las demás, ¿de acuerdo? 4 00:00:18,600 --> 00:00:20,480 Bien, vamos a trabajar con varias cositas. 5 00:00:20,640 --> 00:00:23,160 Bien, bueno, lo primero que haremos será entrar en nuestro blog. 6 00:00:23,760 --> 00:00:27,219 Es importante siempre que trabajemos con el blog, ¿de acuerdo? 7 00:00:27,219 --> 00:00:31,480 es algo que yo lo veo fundamental, es tener abierto siempre ver blog, ¿vale? 8 00:00:32,159 --> 00:00:35,280 Así podemos ir viendo cómo está quedando nuestro blog. 9 00:00:35,619 --> 00:00:38,659 En el anterior video tutorial, ¿de acuerdo? Vamos a aceptar las cookies. 10 00:00:39,780 --> 00:00:45,359 Vimos, ¿no? Pues cambiamos la plantilla que nos daba por defecto, yo elegí esta de fondo rosa 11 00:00:45,359 --> 00:00:50,899 y también pues cambié, ¿no? Puse solo aquí una columna y un pie de página, ¿de acuerdo? 12 00:00:50,899 --> 00:01:16,959 Bueno, pues vamos a ver, ¿no? Cómo mejorar un poco esta parte de aquí, qué significa, cómo se manejan, ¿no? Como veis aquí, como estoy logado, ¿no? Estoy con mi cuenta, veo que además me aparecen aquí unas llaves de herramientas, ¿no? O sea, podría acceder y tocar esto directamente, pero vamos a verlo mejor desde el dashboard, ¿no? Eso es donde se controla todo. 13 00:01:16,959 --> 00:01:42,819 Bien, en este caso vamos a ir a la parte de diseño. Aquí en diseño nos viene un esquema por cajas de las partes de nuestro blog. Tenemos desde una barra de navegación, la barra de navegación es esta parte marrón, esta parte amarilla que nos permite hacer una nueva entrada directamente desde aquí o cambiar el diseño. 14 00:01:42,819 --> 00:01:50,519 A mí personalmente no me gusta, o sea que podría llegar aquí y desactivarla, ¿no? 15 00:01:50,519 --> 00:01:55,060 ¿Veis? Hay distintos modelos, pero a mí no me gusta, entonces yo la quito, ¿vale? 16 00:01:56,219 --> 00:01:59,640 Lo siguiente que tenemos es la cabecera. Esto va a ser muy importante, ¿no? 17 00:01:59,659 --> 00:02:01,719 Esto de aquí es el título de nuestro blog. 18 00:02:01,819 --> 00:02:05,439 Si nos hemos equivocado al hacer el blog en el título, podríamos cambiarlo. 19 00:02:06,420 --> 00:02:09,560 También se puede poner una descripción que se haga en pantalla. 20 00:02:09,560 --> 00:02:15,840 esto ya es opcional, si lo pones pues tampoco pasa nada y luego ya veremos en otro video tutorial 21 00:02:15,840 --> 00:02:21,699 cómo hacer nuestro banner, podríamos sustituir este título por una imagen pero esto en otro 22 00:02:21,699 --> 00:02:28,939 video tutorial. Seguimos viendo la parte esta de diseño y bueno pues aquí esto es una parte 23 00:02:28,939 --> 00:02:35,840 interesante, lo vamos a trabajar pero aquí a la derecha aquí veis esto de entradas del blog pues 24 00:02:35,840 --> 00:02:42,280 sería esta entrada, porque solo tengo una entrada, y veis que mi entrada la tengo duplicada, ¿vale? 25 00:02:42,360 --> 00:02:46,460 ¿Por qué me sale duplicada? No es que la tenga duplicada, es que aquí tengo un gadget que es 26 00:02:46,460 --> 00:02:52,300 entrada destacada y entradas populares. Lo que ocurre entonces es que, claro, tengo la entrada, 27 00:02:52,759 --> 00:02:58,460 porque aquí tengo las entradas del blog, entonces solo tengo una entrada, y luego me saca la misma 28 00:02:58,460 --> 00:03:05,939 entrada como destacada y como populares. A mí sinceramente me parece una exageración 29 00:03:05,939 --> 00:03:12,139 las dos. Vamos por ejemplo a quitar la popular, la voy a quitar directamente porque es tener 30 00:03:12,139 --> 00:03:17,360 lo mismo por duplicado incluso. También podría quitar la destacada y la voy a quitar, voy 31 00:03:17,360 --> 00:03:23,120 a dejarlo todo más limpito. Al final no hace falta sobrecargar la página porque dupliquemos 32 00:03:23,120 --> 00:03:29,319 la información la gente no lo va a leer más, ¿de acuerdo? Bien, si refresco, vamos a ver 33 00:03:29,319 --> 00:03:37,259 los cambios, como veis ya solo tengo una entrada de presentación de esto. Vamos a la parte 34 00:03:37,259 --> 00:03:41,580 de la derecha, en este caso esta plantilla tiene una columna, depende la plantilla, puede 35 00:03:41,580 --> 00:03:45,199 que la tenga aquí o puede que la tenga aquí en la barra lateral, eso ya lo que hayáis 36 00:03:45,199 --> 00:03:50,300 elegido pues debéis trabajar. En esta columna, como veis, tengo muchas cosas, ¿no? Tengo 37 00:03:50,300 --> 00:03:56,039 un buscador en el blog, que sería este buscador, nunca está de más, si alguien quiere buscar 38 00:03:56,039 --> 00:04:02,740 una entrada o quiere buscar una palabra. Tengo mi mail, ¿de acuerdo? O sea, tendría para 39 00:04:02,740 --> 00:04:11,439 seguir por mail. Lo que voy a hacer aquí, por ejemplo, esto del mail, pues lo podría 40 00:04:11,439 --> 00:04:17,339 eliminar, ¿no? O sea, la gente se podría suscribir a mi blog, ¿vale? Por mail, pero 41 00:04:17,339 --> 00:04:31,160 Lo voy a eliminar porque no lo quiero tener. Es mi blog y no me hace falta. La gente podría suscribirse a mi blog y les llegaría un correo cada vez que escribo algo. Pero no, la gente que quiera lerme que me busque. 42 00:04:31,160 --> 00:04:58,959 Bien, tenemos también un gadget de páginas que lo vamos a utilizar luego, tenemos esto de AdSense, pues que tampoco tiene mucho sentido, lo voy a quitar, además está como muy duplicado, elimino, también elimino esto, hay que intentar, mi consejo es que las páginas hoy en día estén lo más limpias posibles, podemos dejar los datos personales o no, en este caso saldrán mis datos personales que yo he dado con Sentir en Blog, ¿de acuerdo? 43 00:04:58,959 --> 00:05:13,920 Las etiquetas están bien, ya veremos en el siguiente, en otro trabajo que las etiquetas van acompañado de las entradas y también tenemos el archivo del blog, bueno, pues esto está bien pues para ver una cronología, la voy a dejar, ¿de acuerdo? 44 00:05:13,920 --> 00:05:30,000 Pero también, además de quitar, puedo añadir, ¿vale? ¿Qué puedo añadir? Bueno, pues, Blogger nos da todos estos gadgets ya, pues, para añadir, ¿vale? Esto de AdSense que he quitado, puedo poner otra vez la entrada destacada, ya que lo he quitado de ahí, la podría poner a la derecha. 45 00:05:30,000 --> 00:05:36,720 tengo la búsqueda del blog que ya lo tengo esto de html que es muy útil y ya lo veremos el perfil 46 00:05:36,720 --> 00:05:43,360 podríamos poner una imagen si quiero poner una imagen que memoria y pues ya está las etiquetas 47 00:05:43,360 --> 00:05:52,759 páginas estadísticas bueno podríamos poner un logotipo podríamos poner un traductor podemos 48 00:05:52,759 --> 00:05:59,519 poner un buscador directamente a la wikipedia bueno os aconsejo que probéis tampoco tienen 49 00:05:59,519 --> 00:06:05,120 mucho valor, pero nos vamos a quedar con dos, con lo de HTML, quedaros con esto y con lo 50 00:06:05,120 --> 00:06:10,620 de páginas. Vale. Bien, espero que esto quede claro. Vamos, he explicado esto del diseño, 51 00:06:10,720 --> 00:06:15,819 aunque luego vamos a venir, pero quiero que lo vieses antes. Bien, el otro día creamos 52 00:06:15,819 --> 00:06:19,920 una entrada, ¿vale? Lo que no expliqué es que las entradas, si queréis que las entradas, 53 00:06:20,319 --> 00:06:25,800 vamos a editar un poquito. Una cosa que no conté, si os fijáis y quien haya sido observador 54 00:06:25,800 --> 00:06:32,259 lo habrá visto, es que aquí hay etiquetas, ¿vale? Esto de las etiquetas en blogs es 55 00:06:32,259 --> 00:06:37,300 muy importante porque nos ayuda para organizar la información. Las etiquetas, pues es un 56 00:06:37,300 --> 00:06:41,819 poco el tema, ¿no? Pues, por ejemplo, ¿qué temas podría poner? Pues puedo poner tecnología, 57 00:06:42,000 --> 00:06:47,379 ¿no? Porque voy a hablar de tecnología. O puedo poner matemáticas, si hablase de matemáticas, 58 00:06:47,500 --> 00:06:53,500 ¿no? Es un poco el hashtag, ¿no? De nuestro post. Tecnología, puedo poner también robótica, 59 00:06:53,500 --> 00:07:06,199 Si voy a hablar de robótica, puedo poner, pues qué sé yo, impresión 3D si estuviese hablando de un artículo de impresión 3D, ¿de acuerdo? Conviene siempre ponerla sin espacios, ¿vale? 60 00:07:07,259 --> 00:07:14,459 ¿Y por qué ponemos etiquetas? Aparte de que luego nos sirve para organizar la información, esto nos va a posicionar en la web. 61 00:07:14,459 --> 00:07:25,600 Cuando alguien busque en Google algo de robótica y yo haya hecho una entrada y tenga bastantes visitas, mi entrada, mi blog, se va a posicionar al resto de entradas de páginas web del mundo que es Internet. 62 00:07:25,720 --> 00:07:28,600 Con lo cual, conviene siempre escribir con etiquetas. 63 00:07:28,860 --> 00:07:29,180 ¿De acuerdo? 64 00:07:31,079 --> 00:07:33,779 Bien, he actualizado porque se me olvidó ponerlas. 65 00:07:33,980 --> 00:07:34,639 No pasa nada. 66 00:07:35,259 --> 00:07:37,560 Para ello, vuelvo a la entrada y lo vuelvo a escribir. 67 00:07:38,079 --> 00:07:38,639 Y ahora vuelvo. 68 00:07:38,779 --> 00:07:40,699 Bien, vamos a lo que nos compete. 69 00:07:40,699 --> 00:07:45,740 En un blog, en Blogger, tenemos por una parte entradas y por otra parte páginas. 70 00:07:45,819 --> 00:07:49,519 Vamos a páginas, que evidentemente no tengo páginas. 71 00:07:50,160 --> 00:07:51,120 Entonces, ¿qué voy a hacer? 72 00:07:51,279 --> 00:07:52,060 ¿Lo habéis adivinado? 73 00:07:52,540 --> 00:07:53,279 Nueva página. 74 00:07:54,379 --> 00:07:57,180 Las páginas son páginas estáticas dentro de nuestro blog. 75 00:07:57,279 --> 00:08:01,579 Las entradas se van a ir posicionando siempre en nuestra página principal del blog. 76 00:08:02,100 --> 00:08:05,060 Las páginas, no, es otra página. 77 00:08:05,160 --> 00:08:07,680 Ahora tenemos la página principal, que es esta. 78 00:08:07,680 --> 00:08:15,399 Si yo pincho aquí en el blog, ¿vale? Aprendizaje, esta es mi página principal, ¿de acuerdo? Si yo pincho aquí, se me va la entrada. 79 00:08:15,519 --> 00:08:20,839 ¿Veis que me ha cambiado la URL, verdad? Me ha añadido aquí la fecha y el título de esta entrada. 80 00:08:21,300 --> 00:08:27,660 Si vuelvo a pinchar en el título, vuelvo a la página principal de mi blog. Bueno, pues quiero hacerme una segunda página. 81 00:08:27,939 --> 00:08:34,679 Si quisiese hacerme más, pues la que queráis, ¿no? Es como funciona la mayoría de las páginas web. Tienen luego sus páginas. 82 00:08:35,220 --> 00:08:37,899 ¿Cómo crear una página? Bueno, pues es muy parecido a una entrada. 83 00:08:39,080 --> 00:08:42,100 La voy a llamar una página con un About Me, ¿de acuerdo? 84 00:08:42,879 --> 00:08:47,779 Y aquí, pues, ¿qué voy a hacer? Pues, el autor. A mí me gusta porque siempre tiene que figurar el autor, ¿no? 85 00:08:47,779 --> 00:09:05,129 Pues, soy José Frutos, profesor de la ESO, profesor de Educación Secundaria Obligatoria en Ciencias y Tecnología, ¿de acuerdo? 86 00:09:05,129 --> 00:09:29,570 He trabajado, bla, bla, bla, bla, bla, bla, pues lo que queréis contar, ¿no? Lo que queréis contar al mundo de vosotros, no tiene por qué ser personal, ni podéis poner vuestra foto, podéis no ponerla, si la ponéis la gente lo va a ver, si no, pues podéis decir, mira, me gusta el fútbol o me gusta la Fórmula 1 o me gusta ir a correr o a mí me gusta ir a nadar, pues pones una foto con una piscina, ¿no? 87 00:09:29,570 --> 00:09:34,750 Me encanta ir a nadar en la piscina, por ejemplo 88 00:09:34,750 --> 00:09:38,730 En la piscina o en el mar, no lo sé 89 00:09:38,730 --> 00:09:40,970 Esto ya es algo muy personal, ¿de acuerdo? 90 00:09:41,549 --> 00:09:44,250 Y luego, pues para darle peso, pues como ya sabéis, ¿no? 91 00:09:45,009 --> 00:09:48,049 Pues busco una foto, voy a buscar en este caso en Blogger 92 00:09:48,049 --> 00:09:51,649 A ver si en este blog, como no he subido nada 93 00:09:51,649 --> 00:09:53,649 Albones de Google 94 00:09:53,649 --> 00:09:56,970 Vamos a buscar si tengo algo por aquí de mar 95 00:09:56,970 --> 00:10:14,019 tengo una foto del mar, personal, la selecciono, podéis verme a mi y a mi mujer, bueno pues 96 00:10:14,019 --> 00:10:19,879 hacemos una página como veis muy parecido a una entrada, tenemos el mismo editor pero 97 00:10:19,879 --> 00:10:25,419 es importante diferenciar que estamos haciendo una página, parece igual pero fijaros aquí 98 00:10:25,419 --> 00:10:30,980 arriba pone page. Dentro de opciones se pueden permitir comentarios o no comentarios. Bueno, 99 00:10:31,399 --> 00:10:36,980 esto pues hay que completarlo, contar lo que uno quiera contar, porque puedes encontrar 100 00:10:36,980 --> 00:10:45,840 afinidad con otras personas en la red y pueden contactar contigo. Publicamos. Bien, diréis 101 00:10:45,840 --> 00:10:50,000 he publicado mi página, tengo aquí, ¿veis? Páginas, tengo ahora mismo mi blog, tengo 102 00:10:50,000 --> 00:11:13,200 Una entrada y una página. Me voy a mi blog a ver cómo ha quedado. Me voy aquí, que tengo abierto mi blog, refresco y ocurre que digo, ¿dónde está mi página? No está mi página, no la veo. Tengo aquí, por ejemplo, las etiquetas de mi entrada, tengo los datos personales, pongo aquí página principal. 103 00:11:13,200 --> 00:11:28,840 Pero la página que he creado está aquí. ¿Dónde está? Vale. Las páginas no se muestran. Tenemos que para eso hacer un menú de navegación. ¿Vale? Entonces vamos a volver a diseño. Hemos publicado nuestra página y vamos a diseño. 104 00:11:29,519 --> 00:11:34,639 Una vez que estemos en diseño, vamos a añadir un gadget de páginas. 105 00:11:35,559 --> 00:11:39,740 Depende de vuestra plantilla, o lo tenéis que añadir en un lateral o arriba. 106 00:11:39,879 --> 00:11:43,399 Por ejemplo, en esta plantilla queda muy bien aquí en esto de multicolumnas. 107 00:11:43,399 --> 00:11:49,539 Si yo le doy a añadir un gadget, esta plantilla lo permite, puedo añadir el gadget de páginas. 108 00:11:50,440 --> 00:11:56,360 Lo añado y fijaros que me sale la página principal y me va a mí. 109 00:11:56,360 --> 00:12:12,559 También podríamos cambiar esto y podemos poner aquí mis entradas. Y luego aquí podríamos incluso cambiar el orden. Fijaros que cada vez que añadamos una página me va a poder hacer aquí la opción para incluirla. 110 00:12:12,559 --> 00:12:27,919 También podemos crear un botón y poner un enlace externo. Imaginaros una página importante. Algo con lo que vamos a trabajar, por ejemplo, en el futuro, Tinkercad. 111 00:12:27,919 --> 00:12:29,940 Tinkercad 112 00:12:29,940 --> 00:12:31,720 es una aplicación online 113 00:12:31,720 --> 00:12:33,799 bueno, pues yo puedo llegar y decir 114 00:12:33,799 --> 00:12:34,720 voy en mi blog 115 00:12:34,720 --> 00:12:36,419 voy a llegar 116 00:12:36,419 --> 00:12:37,840 y voy 117 00:12:37,840 --> 00:12:40,440 donde lo tenía 118 00:12:40,440 --> 00:12:44,019 aquí 119 00:12:44,019 --> 00:12:45,799 voy a llegar y voy a decir 120 00:12:45,799 --> 00:12:47,299 voy a añadir un enlace externo 121 00:12:47,299 --> 00:12:49,720 entonces le pongo el título 122 00:12:49,720 --> 00:12:50,700 Tinkercad 123 00:12:50,700 --> 00:12:52,820 de tal manera que dentro de mi blog 124 00:12:52,820 --> 00:12:54,740 tengo un enlace 125 00:12:54,740 --> 00:12:57,000 voy a enlazar de una manera un poco especial 126 00:12:57,000 --> 00:13:15,200 Es como si creara un hipervínculo, pero más bonito. Tinkercad. Le voy a dar a guardar y vamos a ver cómo ha cambiado mi blog. Veis mi blog ahora. Refresco la pantalla y de repente me aparece aquí esta botonera. 127 00:13:15,200 --> 00:13:23,580 Me aparecen mis entradas, solo tengo una de momento. Me aparece mi About Me, que es lo que he querido contar. 128 00:13:23,700 --> 00:13:27,299 Obviamente vosotros os explayaros un poquito más, no he querido enrollarme más. 129 00:13:28,120 --> 00:13:35,620 Y luego además tengo Tinkercad, que si pincho aquí se abandona el blog, eso sí, pero me voy a la página de Tinkercad. 130 00:13:35,960 --> 00:13:42,679 O sea que puedo desde mi blog enlazar otras páginas, podéis enlazar otro blog o podéis enlazar lo que queráis con esta botonera. 131 00:13:42,679 --> 00:13:53,279 Bueno, pues en este video tutorial hemos aprendido a hacer una página y hemos aprendido a cambiar, a maquetar un poquito más nuestro diseño, incluyendo un navegador por páginas. 132 00:13:53,779 --> 00:14:04,419 Y poco más que añadir, no todas las plantillas permiten esta botonera, que se me ha creado en mi blog, no todas las páginas permiten esta botonera, depende del diseño de una manera u otra. 133 00:14:04,419 --> 00:14:11,200 pero si yo por ejemplo añado aquí un gadget de páginas, cada vez que hago una página lo puedo 134 00:14:11,200 --> 00:14:20,700 seleccionar, lo guardo y no queda tan bonito este gadget que es multicolumnas pero sí que 135 00:14:20,700 --> 00:14:27,419 me permite acceder desde aquí a mi About Me, veis ya tengo aquí el About Me.