SESIN PRESENCIAL -9GADGETS AADIR GADGETS A LA BARRA LATERAL

Una de las caractersticas ms representativas de los blogs es disponer de una o dos columnas laterales donde se ordenan, de arriba hacia abajo, los distintos gadgets que proporcionan prestaciones adicionales al blog. El trmino gadget o widget se utiliza para referirse a un pequeo recuadro que se integra en una pgina web a modo de mosaico y que se ejecuta como una mini-aplicacin independiente diseada para enriquecer la informacin o servicios de esa pgina. De esta forma se pueden mostrar datos adicionales en la misma pgina sin tener que abandonar esta pgina.

Editar Perfil
A continuacin vamos a aadir un gadget que nos permite modificar nuestro perfil y presentarlo en la pgina principal de nuestro blog. Esto nos permitir que, si lo deseamos, los visitantes de nuestro blog sepan ms de nosotros: datos personales, currculum, aficiones, etc. Dentro del panel principal de blogger (interfaz administrador), en la parte superior derecha, hacemos clic en la flechita invertida (ver imagen siguiente)

A continuacin, elegimos la opcin Perfil del Bloger

Se abrir una nueva ventana. En la parte superior derecha, hacemos clic en Editar Perfil De nuevo se abrir una ventana. Hay que fijarse que est activada la casilla Compartir mi perfil

En esta pgina, podemos ir rellenando aquellos datos que desees formen parte tu perfil y quieras compartir con los lectores de tu blog. Despus de haber rellenado los apartados anteriores, acude al apartado Introduccin y haz una breve descripcin sobre tu perfil. Finalmente, en la parte inferior de la pantalla, haz clic en Guardar Perfil (ver figura siguiente)

Aparecer una ventana informndonos de que Se ha guardado tu configuracin, resaltado en amarillo. Ver figura siguiente (1).

Volvemos a Blogger. Haz clic en Blogger, ver figura anterior (2). Entramos en el panel principal del administrador de nuestro blog y elegimos la opcin Diseo. (ver figura siguiente)

En el panel derecho, hacemos clic en la opcin Aadir un gadget (ver figura siguiente)

Aparecer una ventana como la de la figura siguiente.

Se puede observar que esta ventana nos ofrece varias posibilidades: Lo bsico, Ms gadgets y Aade tu propio. De momento dejamos la opcin por defecto Lo bsico Ahora, nos desplazamos hacia abajo, con la barra lateral derecha de esta ventana, y nos vamos fijando en los titulares y descripciones breves de cada gadget. Cuando llegues a la opcin Perfil, haz clic sobre el + (aadir). Ver imagen siguiente.

Ahora pueden ocurrir dos cosas:

SI

tenemos autores (colaboradores) en nuestro blog, aparecer la ventana

siguiente:

En este caso, en la opcin Ttulo, borramos el texto que viene por defecto y pondremos Sobre nosotros, por ejemplo Finalmente, haremos clic en Guardar

Otra opcin sera que

NO tengamos autores (colaboradores) en nuestro blog,

entonces; en lugar de la ventana anterior, aparecer esta otra:

En este caso, en la opcin Ttulo, borramos el texto que viene por defecto y pondremos Sobre mi, por ejemplo Finalmente, haremos clic en Guardar Volvemos a la ventana anterior, donde aparecen los gadgets ya instalados y los que podemos ir aadiendo, con la opcin Aadir un gadget Si sitas el cursor sobre los diferentes rectngulos de cada gadget, observars que el cursor se convierte en una doble cruz. Esto quiere decir que puedo arrastrar cada gadget y situarlo en la posicin que ms me interese. Finalmente, en la parte superior derecha, hacemos clic en la opcin Guardar Disposicin (ver figura siguiente)

Para ver los resultados finales, hacemos clic en Ver blog (parte superior izquierda). Dependiendo de si nuestro blog tiene o no colaboradores, obtendremos resultados diferentes. La siguiente ventana sera el ejemplo de un blog que NO tiene colaboradores. Se puede ver el ttulo que hemos puesto Sobre mi (figura siguiente (1)) y la opcin de Ver todo mi perfil (ver figura siguiente (2)).

Haz clic en la opcin Ver todo mi perfil Aparecer una ventana en la que se podr ver todo nuestro perfil. (figura siguiente)

Si nuestro blog tuviera colaboradores, a la hora de ver nuestro blog (con la interfaz del usuario), el gadget aadido, Sobre nosotros se vera de forma parecida, pero SOLAMENTE con el nombre de los diferentes colaboradores (algo parecido a la figura siguiente). Haciendo clic en cada uno de los nombres de los colaboradores accederamos a sus perfiles completos.

Etiquetas y categoras.
ACLARACIN: Antes de realizar la prctica de este apartado, hemos debido tener claro cul va a ser la organizacin por apartados o categoras de nuestro blog, y previamente, haber puesto las etiquetas correspondientes a dichos apartados en cada una de nuestras entradas. De no ser as, este apartado no se puede realizar correctamente.

Dentro del panel principal del administrador de Blogger, accedemos a la opcin Diseo (figura siguiente ).

Y en el panel derecho elegimos Aadir un gadget (ver figura siguiente (2)).

En la siguiente ventana, bajamos la barra lateral derecha y buscamos el gidget Etiquetas. Ver figura siguiente.

Hacemos clic en el smbolo

+ (aadir)

Aparecer una nueva ventana (ver figura siguiente) y hacemos clic en el recuadro del Ttulo, lo borramos y escribimos Categoras Hacemos clic en Editar (ver figura siguiente (1)). En la parte inferior de nuestra ventana aparecer un nuevo apartado con todas las etiquetas que hemos ido introduciendo en las entradas ya publicadas. Haz clic en las etiquetas que deseas que aparezcan como ndice de categoras (ver figura siguiente (2)).

En la parte inferior de la ventana, haz clic en Listo. Y despus, haz clic en Guardar. Volvers a la ventana de Diseo de tu blog y vers el nuevo gadget creado, con el ttulo que le hayas puesto. (ver figura siguiente). Recuerda que puedes arrastrar y poner en la posicin que lo desees el gadget aadido.

Para ver los resultados, haz clic en el botn Ver blog. Si todo se ha realizado correctamente, en una de las barras laterales de tu blog aparecer el gadget creado. (Algo parecido a la figura siguiente)

De tal forma, que si haces clic en una de las opciones, se abrir una ventana con todas las entradas que contengan dicha etiqueta. NOTA: Ten en cuenta que el ancho de las columnas, tanto de las entradas como la correspondiente a los gadgets aadidos se puede modificar. Para ello, es necesario utilizar el Editor de Plantillas. En ese caso, tendras que seguir estos pasos: Desde el panel principal del administrador de Blogger: Plantilla Personalizar Ajustar ancho Barra lateral derecha, etc

Para concluir, basta indicar que existen infinidad de gadgets; unos predefinidos por Blogger, otros externos a blogger y el resto, creados por los propios usuarios, con conocimientos en determinados lenguajes de programacin: HTML, JAVASCRIPT., que considero no son motivo de este pequeo manual.

Algunos gadgets interesantes

Adems de los ya vistos, se pueden aadir a tu blog otra serie de gadgets.

- Lista de enlaces
Aade a la barra lateral una coleccin de enlaces favoritos a sitios web, pginas o blogs. Es la forma de implementar el clsico elemento blogroll de un blog (recopilacin de enlaces a blogs).

Al aadir o editar un gadget de lista de enlaces se abre una nueva ventana donde se puede configurar las propiedades de este listado:

Ttulo: es el ttulo que mostrar el gadget.

enlaces.

Nmero de enlaces que se mostrarn: si lo dejas en blanco se vern todos los Ordenacin: permite definir el orden en el listado de enlaces.

En este cuadro adems se proporciona un sencillo interfaz para aadir, editar o suprimir cada uno de estos enlaces. Para terminar pulsa en el botn Guardar.

En la siguiente figura se muestra un ejemplo con una serie de enlaces (parte inferior de la imagen) aadidos a nuestro blog.

Recuerda, que una vez creado el gadget, puedes moverlo de posicin, dentro del panel Diseo de Blogger. Desde el interfaz de usuario, nuestro gadget quedar aadido en la posicin que hayamos deseado, en el ejemplo de la figura siguiente, se aadi en la columna de la derecha. Puedes comprobarlo en la pgina http://laclasedesantiago.blogspot.com

Despus de Guardar el gadget vuelves a la ventana del panel de Diseo de Blogger Recuerda Guardar la dispocision !

- Archivo del Blog

Muestra los enlaces organizados cronolgicamente que permite un acceso individual a los distintos artculos del blog. En el panel Diseo, hacemos clic en Aadir un gadget y elegimos el gadget Archivo del blog.

En este gadget se pueden ver las siguientes opciones (ver figura siguiente):

Ttulo. es el ttulo que encabezar ese gadget. Este parmetro es comn al resto de
gadget y permite personalizar el contenido del mismo.

Estilo. Se pueden elegir tres modelos: Jerarqua (por meses y aos), Lista (por meses) y
Men desplegable (combo).

Opciones. Activar o desactivar opciones como Mostrar ttulos de las entradas o

Mostrar primero las entradas ms antiguas.

Frecuencia de archivo. Permite definir el intervalo temporal en que se mostrarn

organizados los enlaces a las entradas.

Formato de fecha y Vista previa.

Despus de Guardar el gadget vuelves a la ventana del panel de Diseo de Blogger Recuerda Guardar la dispocision ! Ver figura siguiente.

- Cuadro de Bsqueda.
Ofrece al usuario un cuadro donde puede introducir uno o varios trminos de bsqueda para buscar en las entradas o enlaces del blog. En el panel Diseo, hacemos clic en Aadir un gadget y elegimos el gadget Cuadro de bsqueda. Ver figura siguiente

Al configurar este gadget se puede definir su Ttulo y tambin sus pestaas para definir los mbitos de bsqueda: en las entradas de tu blog, en las pginas enlazadas desde cualquier entrada de tu blog, en internet en general, en los gadgets que contengan enlaces, etc.

Despus de Guardar el gadget vuelves a la ventana del panel de Diseo de Blogger Recuerda Guardar la dispocision !

A travs de la interfaz del usuario, desde la pgina principal del blog, podemos ver los efectos de este gadget introduciendo la palabra Lorca para que realice la bsqueda.

Aparecer una ventana con los resultados de la bsqueda en la parte superior. Ver imagen siguiente:

Es posible que algunas entradas aadidas recientemente no aparezcan todava en los resultados de la bsqueda al no haber sido indexadas por el motor de bsquedas de Google.

BIBLIOGRAFA
Es vastsima la cantidad de bibliografa sobre elaboracin de blogs educativos, basados tanto en BLOGGER como en WORDPRESS. Si bien expondr a continuacin una relacin de direcciones web que considero de inters; mi consejo particular es visitar blogs educativos relacionados con nuestro rea o materia que impartamos y observar cmo estn diseados: su esttica, su contenido y las partes que componen el blog en cuestin.

TIPOS DE BLOGS EDUCATIVOS.

http://taller-edublog.blogspot.com.es/ http://taller-edublog.blogspot.com.es/p/programa-del-curso.html http://taller-edublog.blogspot.com.es/search/label/programa http://www.slideshare.net/nestoralonso/blogs-y-educacin?src=embed http://blog.educastur.es/plastica/2006/12/15/pintura-de-accion-por-la-paz/ http://blog.educastur.es/cuate/2006/04/26/aplicaciones-portables/ http://blogdocente09.wordpress.com/

PREMIOS BLOGS EDUCATIVOS

http://espiraledublogs.org/2013/

CREAR UN BLOG CON BLOGGER

http://www.ite.educacion.es/formacion/materiales/155/cd/modulo_1_blogger_I/entradas _del_blog.html http://www.tututorial.com/2013/02/tutorial-como-crear-un-blog-en-blogger.html

YOUTUBE: http://www.youtube.com/watch?v=m8Wat_TFLKw

http://www.youtube.com/watch?v=3JK5prccEH8 http://www.blogsmadeinspain.blogspot.com/2013/01/curso-basico-de-blogger-1.html http://blogsmadeinspain.blogspot.com/2013/01/curso-basico-de-blogger-2_3.html http://www.blogsmadeinspain.blogspot.com/2013/01/curso-basico-de-blogger-2.html

CURSO ONLINE SOBRE BLOGS EDUCATIVOS

(en Moodle) http://moodle.forpas.us.es/course/view.php?id=42

PLANTILLAS o TEMPLATES para BLOGGER

http://btemplates.com/ http://www.spiceupyourblog.com/2009/10/top-ten-free-blogger-templates-to-spice.html

RECURSOS TIC
http://recursostic.educacion.es/heda/version/v2/es/primaria/840-la-web-20-en-el-aulade-yolanda-velasco

EJEMPLO BLOG DE AULA

http://leonfelipeblog.blogspot.com.es/

USOS DE LOS BLOGS EN EL AULA.

http://blog.educastur.es/blogs-y-educacion/uso-de-los-blogs-en-el-aula/

EJEMPLOS DE BLOGS EDUCATIVOS: TALLER DE BLOGS EDUCATIVOS

http://taller-edublog.blogspot.com.es/p/evaluando-blogs.html

- BLOGS EN LA EDUCACIN (web de INTEF - antiguo CNICE - )

http://recursostic.educacion.es/observatorio/web/es/internet/recursos-online/528monografico-blogs-en-la-educacion

WORDPRESS- Otra plataforma para crear BlogsWordpress: http://recursostic.educacion.es/observatorio/web/es/software/software-general/928monografico-wordpress

PAGINAS PARA ALOJAR FICHEROS PDF

http://flipsnack.edu FLIPSNACK: Alojamiento y conversin de documentos pdf con formato libro-revista virtual: http://recursostic.educacion.es/observatorio/web/es/internet/web-20/997-flipscnackalojamiento-y-conversion-de-documentos-pdf-con-formato-libro-revista-virtual

CREAR LIBRO PDF CON TODAS LAS ENTRADAS DEL BLOG

http://www.enlanubetic.com.es/2012/01/crear-libro-pdf-con-todas-lasentradas.html#.UvPysLQ4PDw

PRESENTACIONES:
http://prezi.com/

OTROS RECURSOS DE INTERS

- PICTURETRAIL Foto-pelcula realizada con PictureTrail - EDUCACIN INFANTILhttp://www.educacontic.es/blog/crea-vistosos-albumes-de-fotos-con-picturetrail - PIXTON COMICS

http://www.pixton.com/es/

- EDUCAPLAY (Realizar actividades y alojarlas en el Blog) http://www.educaplay.com/es/blog/ POSTERS CON GLOGSTER

http://bibliotecadulcinea.edu.glogster.com/homenaje-a-miguel-hernandez/ http://www.tututorial.com/2013/02/tutorial-como-crear-un-blog-en-blogger.html