Mdulo V

Taller de Blog

CONTENIDO Otros elementos de pgina en Blogger: Enlaces a otras Web Contador de visitas Calculadora on line Graficador on line Calendario Cuadro de mensaje Agregador RSS

UTN FRBA Digital Junior

Taller de Blog

UTN FRBA Digital Junior

Tutorial Otros elementos de pgina en Blogger-bis

En este tutorial continuamos agregando Gadget configurar HTML/ Javascipt Insertar una ventana de chat para el blog. Para poder agregar una ventana de chat en nuestro blog lo realizaremos utilizando el configurar HTML, mediante el cual los alumnos podrn acercar sus dudas o consultas, el mismo puede ser descargado desde la siguiente direccin: http://www.cbox.ws/getone.php

Ingresar nombre Ingresar mail Escribir mensaje

Al ingresar a la mencionada direccin se visualizar la siguiente pantalla:

Taller de Blog

UTN FRBA Digital Junior

Completamos los datos solicitados y luego aparecer la siguiente pantalla, en la cual al hacer clic en Publicar ser posible visualizar el cdigo que se deber pegar en el gadget.

Copiamos dicho cdigo y lo pegamos en el cuadro contenido del gadget, al igual que en los casos anteriores.

Taller de Blog

UTN FRBA Digital Junior

Otro

sitio

en

Internet

que

nos

ofrece

el

mismo

servicio

es:

http://es.messenger.yahoo.com/pingbox

Contador

de

visitas

Agregaremos un elemento de pgina que contendr un contador de visitas, el mismo ser obtenido en la siguiente URL: http://www.geovisite.com/. En dicha pgina, y una vez seleccionado el idioma espaol, pulsamos la opcin Geoglobe, u otra de acuerdo a tus preferencias.

Taller de Blog

UTN FRBA Digital Junior

Al pulsar el botn Registro se presentar la siguiente pantalla donde deberemos ingresar nuestra direccin de mail, URL del blog donde agregaremos el contador, una contrasea, designar la categora en la cual podemos incluir nuestro blog, etc:

Luego debemos elegir el formato deseado para nuestro contador y haciendo clic en l se obtendr, de inmediato, el cdigo para insertar en el blog, en el tipo de gadget Cdigo HTML/Javascript.

Taller de Blog

UTN FRBA Digital Junior

Por ltimo, copiamos el cdigo que figura en la siguiente pgina y lo pegamos en el gadget.

El resultado en nuestro blog ser el siguiente:

Calendario en el

blog, para qu?

Es muy til agregar un calendario donde consignar las fechas para la entrega de trabajos prcticos, evaluaciones, etc. Para ello contamos con el servicio que nos brinda Google llamado Calendar, al cual accedemos directamente con nuestra cuenta de correo.

Taller de Blog

UTN FRBA Digital Junior

Al pulsar sobre dicha opcin se visualizar la siguiente ventana en la cual debemos hacer clic en Crear para comenzar con el diseo de nuestro calendario. Completamos los datos presentes en la pestaa Detalles del Calendario.

Taller de Blog

UTN FRBA Digital Junior

Le asignamos un nombre, por ejemplo, Cronograma, completamos la ubicacin, pulsamos la opcin Hacer Pblico este Calendario y por ltimo Crear Calendario.

Se presentar un cuadro de advertencia, el cual aceptamos.

Para configurar el calendario lo seleccionamos (En caso de tener ms de uno) haciendo clic sobre su nombre y pulsamos la opcin Configuracin que se encuentra debajo de su nombre. Desde la pestaa General ser posible establecer los siguientes parmetros: Idioma, Pas, Zona horaria, Formato de Fecha, Hora, Da en que comenzar la semana (Domingo Lunes o Sbado), Mostrar fines de semana, Vista Predeterminada (Por mes, semana, da), etc.

Taller de Blog

UTN FRBA Digital Junior

Al pulsar la pequea flecha que figura a la derecha de nuestro calendario ser posible acceder a nuevas opciones, entre ellas Configuracin del calendario, donde encontraremos el cdigo HTML necesario para agregar el calendario a nuestro blog.

Para personalizar el color, tamao y otras opciones debemos pulsar sobre el enlace presente sobre el cuadro de cdigo. Una vez configurado nuestro calendario llego la hora de agregar los eventos.

Taller de Blog

UTN FRBA Digital Junior

Los eventos son fechas importantes que los alumnos tienen que tener en cuenta y que es bueno recordrselas por medio del blog. Para ello, posicionar el mouse en el da del evento, pulsar el botn izquierdo del mouse, con lo cual se visualizar un cuadro en donde hay que especificar un nombre para dicho evento. En la siguiente imagen se ha ingresado en el da 27 de mayo el evento Evaluacin 4 B T T, como un ejemplo.

Otro

modo

de

crear un evento es por

medio del botn del mismo nombre.

10

Taller de Blog

UTN FRBA Digital Junior

Con lo cual se abrir la siguiente ventana en donde deberemos ingresar el nombre del evento, la fecha, el lugar del evento (opcional) y una breve

descripcin.

Cuando el alumno consulte el calendario en el blog y apoye el mouse sobre dicha fecha visualizar el contenido del evento.

11

Taller de Blog

UTN FRBA Digital Junior

En la siguiente imagen se visualiza el calendario en el blog de prueba, que se encuentra en el Mdulo I. El mismo ha sido agregado en una pgina esttica creada para tal fin, llamada Cronograma de actividades.

Gadget Imagen. CMaptools Si el inters de ustedes es agregar CMaps, en los blog, tambin pueden hacerlo. Para lograrlo debern seguir los siguientes pasos. Guarden el CMap, que realizaron, en Internet para poder obtener una direccin web. 12

Taller de Blog

UTN FRBA Digital Junior

Vayan en sus blog a la solapa Diseo. Luego en aadir y organizar elementos de pgina, hagan clic en aadir un Gadget y busquen el denominado Imagen. Al hacer clic en imagen se abrir la siguiente ventana, en la que debern pegar el enlace de Cmap que realizaron. Coloquen un ttulo de para la imagen y nuevamente el enlace en donde dice: Imagen desde la web.

Al presionar guardar se ver la imagen pegada como se muestra en el siguiente cuadro.

13

Taller de Blog

UTN FRBA Digital Junior

Este sistema tiene la ventaja que la imagen que aparece en sus blog refleja el mapa real, ya que toma la imagen del servidor de CMaps que cambia cada vez que se hace alguna modificacin en el mapa original, con CMapTools, se va ir mostrando en sus blog y no una imagen esttica Eliminar un Gadget Para eliminar un Gadget, en la Vista Diseo, pulsamos el botn Editar del Gadget a eliminar y por ltimo pulsamos el botn Eliminar.

14