2.2. Incluir una presentación de Prezi

En el módulo introductorio vimos diferentes contenidos que pueden embeberse en nuestro blog. Entre ellos hablamos de cómo insertar una presentación de Power Point, aunque más bien deberíamos decir cómo insertar una presentación de Power Point a través de un servidor en el que la hemos compartido. En aquel caso, utilizamos Slideshare. Esa es precisamente una de las limitaciones del software de Microsoft, que no permite insertar una presentación directamente como código HTML embebido a no ser que recurramos a un servidor donde la alojemos.

Sin embargo, otros softwares de creación de presentaciones, como por ejemplo Prezi, permite elaborar contenidos más llamativos, en los que la información se puede presentar de forma más atractiva. Además, se pueden compartir en páginas web respetando los efectos que incluyamos en nuestra presentación, a diferencia de Power Point, que ha quedado desfasado respecto a estas opciones, que incluso son gratuitas.

Aquí embebemos una presentación realizada con Prezi. No soy el autor de la misma, puesto que iba a colgar una presentación elaborada por mí pero contiene multitud de fotos personales y no quiero que estén disponibles por la red... Esta presentación viene bien, además, por el contenido del curso en el que se enmarca este blog como práctica, dado que se refiere a los errores habituales que cometemos al realizar una presentación ante un público determinado.

2.2. Menú de contenidos

Por defecto, cualquier plantilla nativa de Blogger muestra en el index -pantalla inicial o home- las últimas entradas publicadas. Además, las muestra de forma bastante antiestética, obligando a realizar un scroll vertical interminable que resta legibilidad y navegabilidad a nuestro blog. Es una de las carencias principales, a no ser que variemos la plantilla de nuestra bitácora e incluyamos un diseño que varíe el index y muestre un slider de fotos fijo o contenidos concretos que podamos variar desde el panel de control. Eso sí, en ese caso tendremos que variar los contenidos a través del editor de HTML.

Por lo tanto, para añadir contenidos que queramos que siempre queden fijos en el blog y no se pierdan en el scroll vertical (podríamos evitarlo definiendo una hora de publicación futura de la entrada que queramos mantener en la parte superior) podemos recurrir a las páginas.

Para añadir contenidos en páginas, tendremos que acudir al panel de control y añadir una nueva página:

Una vez hecho esto, las opciones de modificación del contenido son las mismas que para una entrada, con la misma disposición del texto, colores y tipografías definidas en la hoja de estilos del blog. Podemos insertar los mismos contenidos que en cualquier entrada, a través del editor de HTML de la página. Cuando tengamos el contenido listo, lo publicaremos, pero no se mostrará en nuestro blog hasta que no le demos acceso desde un menú.

Para ello, deberemos añadir un gadget, de forma idéntica que hemos explicado en la primera unidad de este bloque (ver 2.1. Añadir gadgets a nuestro blog). En este caso, incluiremos un "Listado de páginas", que nos creará un menú en nuestro blog, situado donde queramos, aunque en mi caso he elegido posicionarlo bajo la cabecera para mejorar la navegación por la bitácora. En este sentido, podemos ordenar las páginas a mostrar en el menú y renombrar la página que por defecto se nos muestra en el index, que se corresponde con las últimas entradas publicadas a no ser que hayamos variado la plantilla del blog con un diseño externo que hayamos incorporado.

En este caso, he creado un índice de contenidos, para mejorar la disposición de la información y la navegación por el blog, de forma que el usuario pueda encontrar la lección que quiera leer sin necesidad de hacer un interminable scroll vertical en el index.

2.1. Añadir gadgets a nuestro blog

Otra de las limitaciones de Blogger, además de su horroroso scroll vertical en la página del index -que se puede variar sólo si sabes programar en HTML- es que las entradas no permiten añadir contenidos elaborados mediante javascript como, por ejemplo, una galería de fotos de un portfolio externo como Flickr. Sí podemos hacerlo a través de un gadget). En esta entrada explicaremos cómo añadir uno de ellos, por ejemplo, un buscador de contenidos en nuestro blog.

1. Nos dirigimos al panel de control, al apartado Diseño:

2. Presionamos "añadir un gadget" en el sitio donde queramos incluirlo. Personalmente, partiendo de esta disposición de la interface, prefiero en la columna de la derecha porque queda menos basto que, por ejemplo, en la parte inferior o bajo la cabecera del blog. Se nos abrirá la siguiente ventana, sobre la que deberemos hacer scroll hacia abajo hasta encontrar "cuadro de búsqueda":

3. Modificamos los valores que nos permite el gadget a nuestro gusto. Si lo que queremos es incluir un buscador de contenidos en nuestro propio blog, es aconsejable desmarcar la opción "Internet" dado que, de lo contrario, la búsqueda ofrecerá resultados de otras páginas y perderemos al lector, que se irá de nuestra bitácora a no ser que busque lo que encuentre.

4. Una vez hecho esto, le damos al botón "guardar" y esperamos (im)pacientemente a que nos salga un mensaje escueto -casi no se ve- en el que se nos informa que ya se ha incluido el gadget en nuestro diseño del blog. Si presos de nuestra impaciencia volvemos a presionar el botón de guardado, tendremos una retahíla de buscadores en nuestro blog, apilados unos sobre otros, y habrá que ponerse a eliminarlos. Cuando ya se haya guardado, volviendo a la ventana de diseño del panel de control, tendremos que darle a "guardar disposición" o perderemos este y cualquier otro gadget que hayamos incluido.

1.6. Test sobre los primeros pasos en Blogger

Evalúa si has comprendido lo explicado hasta el momento en este blog.

Test creado con ExamTime por PacoQT

1.5. Algunos recursos

Otra de las formas mediante las que podemos hacer algo más llamativo nuestro blog -no mucho más, dadas las carencias de Blogger frente a otras plataformas como Wordpress- es incrustando una nube de etiquetas.

Mediante ella podremos ofrecer, entre otras posibilidades, redireccionamiento a páginas externas de una forma visualmente atractiva frente a, por ejemplo, un listado de páginas web que requiriese hacer scroll vertical.

Este es un ejemplo realizado mediante la herramienta Tagul, que crea imágenes a partir de nubes de etiquetas que le introduzcamos y podemos hipervincularlas a un contenido de nuestro blog o externo. En este caso, he aprovechado para incluir una serie de recursos que podrán servirnos para confeccionar nuestro blog. Muchos de ellos están orientados a la formación, dado que la temática del curso en el que se enmarca esta bitácora como ejercicio, así como herramientas de creación de fuentes, conversores de formato, generadores de exámenes o creación de presentaciones, entre otras.

Creado con Tagul.com

1.4. Inserciones de contenido audiovisual

Como decíamos en la entrada anterior, podemos incluir en nuestro posts contenidos de todo tipo de forma embebida. Para ello tan sólo bastará con copiar el enlace de código HTML que nos ofrecerá la plataforma en cuestión y lo pegaremos en el editor de HTML de la entrada. Aquí incluimos unos cuantos ejemplos:

a) Vídeo de Youtube o plataforma similar.



b) También podemos incluir publicaciones en pdf desde portales como Issuu o Calameo.

c) Podemos incluir fotografías y referenciarlas para que al hacer click sobre ellas, vayamos a la ubicación en la que se encuentra la imagen. Aquí un ejemplo a una de mis fotografías en Flickr.

d) Inclusión de "mapas mentales" elaborados mediante herramientas como bubbl.us:

1.3. Opciones de configuración

Al igual que cualquier otro servicio de publicación de bitácoras, Blogger permite la inclusión de audiovisuales o presentaciones embebidas. Por ejemplo, podemos insertar una presentación de Power Point, como mostramos a continuación y, de paso, explicamos las opciones de configuración que ofrece la plataforma:

Configuración de Blogger from Paco Quiles Tudón