Tarea 12: Insertar tráfico de visitas

Si deseamos colocar en nuestro menú lateral un contador que nos indique el lugar de donde proceden las visitas que recibe nuestro blog podemos añadir un widget desde
FeedJIT dispone de varios widgets gratuitos que muestran un reporte de los visitantes de un sitio y que pueden utilizarse en cualquier sitio sin necesidad de registrarse.

Para ello sólo ir a la página de FeedJIT y seleccionar uno de los 4 que ofrecen, aunque los dos primeros son los que más nos interesan: el Live Traffic Feed y el Live Traffic Map. El primero nos presneta unarelación de la procedncia de nuestros últimos visitantes y el segundo nos oferta un mapa del mundo con los lugares desde donde se han producido visitas.

Podemos configurarlos en cuanto a los colores y después copiamos el código que nos oferta en el campo de formulario para que lo insertemos en nuestro blog añadiendo un gadget de texto y copiando en él el cçódifo. No obstante ofrece la posibilidad de usar la opción de añadirlo directamente a Blogger y, si estamos con la sesión abierta (identificados) en Blogger, nos insertará el código automáticamente en el Blog que deseemos.

Tarea 11: Insertando imágenes y texto en widgets

Quizás hayamos visto que en bastantes blogs aparecen imágenes que enlazan a páginas de campañas, denuncias, etc, a las que, tal vez, deseemos apuntarnos. Generalmente nos ofrecerán un código que hará que se visualice un logo o imagen de la campaña y el enlace, por medio de él, al lugar donde explica la campaña.

Si deseas que aparezca en la barra lateral (widgets) debes insertar el código en la zona de "Diseño" "Elementos de página", añadimos un gadget de tipo HTML/Javascript o de imagen sólo y pegamos el código. Esto depende de qué es lo que nos ofrezcan. El priemr ejemplo es una campaña que nos ofrece ya el código por tanto seleccionaremos un gadget del tipo HTML/Javascript. En cambio el segundo ejemplo es una imagen que debe enlazar con una URL o dircción de Internet y no nos ofrecen el código, por tanto podemos usar el gadget imagen.

Puedes intentarlo con los dos ejemplos:

CAMPAÑA: ERES LO QUE ESCRIBES, ERES COMO ESCRIBES. Para un correcto uso del idioma en los blogs. Añadimos un gadget de tipo HTML/Javascript y pegamos el código que nos ofrecen.

CAMPAÑA: RECONOCIMIENTO OFICIAL DE LAS PUBLICACIONES EN LA RED. Una vez en el sitio, que es un wiki, en la zona inferior se la página aparece la opción BANNER Póntelo. Una vez en esa página elige el Banner que desees según el tamaño que se ofrece. Copia la ruta de la imagen, ve a tu blog y en la zona de "Diseño" "Elementos de página", eliges un gadget del tipo imagen. En él debes colocar la URL de la imagen cómo externa y ajustada y, por otro lado, debes copiar la URL de la web donde deseas enlazar en el campo "Enlace". Los campos Título y Pie de foto, en este caso no tienes por que rellenarlos aunque, si lo deseas, hazlo.

Tarea 10: Google Maps en Blogger

En bastantes ocasiones quizás se nos presente la posibilidad de tener que ofrecer en nuestro blog una localización de un lugar determinado por medio de un mapa como Google Maps.
Si este es el caso nada mejor que ofrecerlo para que nuestros visitantes puedan localizar el sitio al que estamos refiriéndonos.
Para ello deberemos seguir los siguientes pasos:
1. Ir a la página principal de Google Maps.
2. Localizar el lugar que deseamos visualizar introduciendo en el campo de formulario el nombre de la localidad y el país, separados por comas.
3. Una vez que nos aparece la localidad señalada por una etiqueta, deberemos hacer uso de las herramientas que nos permiten visualizar la localidad o sitio desde diversas perspectivas, Mapa, Satélite o Relieve
4. A continuación, debemos usar la herramienta de zoom para visualizar con más o menos precisión visual el lugar.

5. Cuando hayamos conseguido seleccionar el tipo de visualización y el nivel de zoom adecuado debemos de pinchar con elratón en el botón Enlazar, de esta forma nos aparecerá una cuadro emergente que nos ofrece dos códigos. El primero nos permnite tomar el enlace que nos lleva a la página que actualmente estamos viendo. El segundo, en cambio, nos permite tomar el código para poder embeberlo en nuestra entrada en el blog.
Pero además nos permite personalizar la imagen que vamos a ofrecer emebebida en neustro blog así que deberemos pinchar en la opción de personalizar que aparece en la última línea para que nos presente una ventana en la que nos ayuda a seleccionar el tamaño del mapa que se verá. Con forme cambiemos esta propiedad podremos ver más abajo el tamaño que presentará el mapa.
Una vez elegido el tamaño, al final de la página podremos copiar el código que Google Maps nos oferta posicion´sndonos sobre el código, picando con el botón derecho, selecci9onado "Seleccionar todo", repitiendo la operación y, esta vez, seleccionado "Copiar".

6. Seguidamente podremos ir a nuestro blog, editar o crear la entrada en la que deseemos que aparezca, pinchar en "Edición en HTML", picando en el botón derecho del ratón y seleccionado la opción pegar. De esta forma tendremos el mapa embebido en nnuestra entrada.

7. Si por el contrario hemos decidido poner un enlace a la página de Google Maps que estamos visualizando, sólo deberemos colocar sobre una palabra o imagen un enlace al sitio.

Por último y en referencia al primer comentario realizado pidiendo la forma de aparecer en la barra lateral pues considerar que hay que introducirse en la zona de Diseño, insertar un widget y seleccionar el de HTML/Javascript. Ahí, pegamos en el campo de formulario adecuado el código que nos ofrece Google Maps. teniendo en cuenta que deberíamos haber personalizado el tamaño para que entre en el ancho que posee nuestra barra lateral. Espero que se quede aclarado.

Tarea 9: Insertar documento PDF

Una forma de ofrecer y compartir documentos elaborados y maquetados en el procesador de texto es subirlos a algún repositorio y poner un enlace al mismo. El problema es que el formato que elijamos puede complicar la vida a nuestros lectores y lectoras ya que pueden no tener la herrameinta apropiada para leerlo.
Es por esto que han surgido unos repositorios para evitar estos problemas y que toman un archivo y lo ofrecen mediante la tecnología Flash de manera muy vistosa. Estas aplicaciones son Issuu y Scribd.
El primero sólo nos permite subir archivos en PDF y el segundo nos ofrece la posibilidad de subir distintos tipos de archivos (DOC, PPT, PDF, XLS...). Podéis ver tutoriales de ambos siguiendo los siguientes enlaces: Tutorial de Issuu y Tutorial de Scribd.
Podéis ver un ejemplo de Issu y otro ejemplo de Scribd.

Insertar un documento desde Issuu:
Paso 1. Ve a Issuu.
Paso 2. Busca el documento
Paso 3. En la zona superior del documento aparece la opción EMBED , pica en él y Copia el código del campo de formulario.
Paso 4. Pega el código en la entrada con la pestaña Redactar seleccionada.

Insertar un documento desde Scribd:
Paso 1. Ve a Scribd.
Paso 2. Busca el documento.
Paso 3. En la zona superior del documento aparece la opción EMBED , pica en él y Copia el código del campo de formulario.
Paso 4. Pega el código en la entrada con la pestaña Redactar seleccionada. ( Quizá tengas que modificar la zona de texto que incluye el código)

Tarea 8: Insertar audio

Para realizar esta tarea deberíamos tener como referencia la entrada publicada con el título de Insertar audio en el blog.
Existen bastantes repositorios de audio (sonidos, música, narraciones..) nosotros vamos a intentarlo con tres sitios para que podáis observar la forma en que hay que buscar el código a embeber. Estos sitios son:
Radioteca:. Sitio donde se puede acceder a gran cantidad de audios educativos.
Goear. Lugar donde podemos subir audios y buscarlos
Odeo. Para buscar audios de música, también permite subir.
Radio.Blog.Club. Ofrece una extensa base de datos con todo tipo de géneros musicales, con la posibilidad de realizar búsquedas, tanto por autores como por obras.

En primer lugar, como es lógico deberemos crear una entrada para contextualizar los audios a mostrar. Como quiera que ha estado cerca el Día Internacional contra la Violencia hacia las mujeres (25 de noviembre), vamos a crear una entrada sobre ese día para animar a la audición y que el alumnado se acerque aportando también opiniones por medio de lso comentarios.

Así que una vez abierta la entrada nueva escribimos un breve texto de presentación sobre el 25 de noviembre para a continuación insertar el audio. Para ello iremos a Radioteca. En la zona de menu (izquierda) picamos con el ratón sobre la opción GÉNERO Y SEXUALIDAD . Esto hará que se despliegue el submenú correspondiente y de la sopciones que surgen elegimos con el ratón Violencia contra la mujer . Esto hace que en la zona central se desplieguen los audios que tienen clasificados bajo esta categoría. Cada audio se presenta con su título y una serie de detalles (informe de texto, producción, país idioma, formato, tema, subtema..). A la derecha nos encontramos con un panel con unos mandos de reproducción y otros detalles técnicos. También con la posibilidad de Bajar el audio, opinar sobre él, Recomendarlo y colocarlo en tu web.
Como deseamos realizar esto último pues picamos sobre Coloca este audio en tu web. Al picar en esa opción surge una ventana con la posibilidad de tomar el código. Nos muestra dos códigos, el primero nos permite tener el reproductor en el blog y el segundo poner un enlace a la página web en que aparecerá el audio.
Así que seleccionamos la primera opción picando con el botón derecho del ratón sobre el campo que tiene el código y seleccionando la opción Copiar.
Con esto nos vamos a la entrada que estamos redactando, seleccionamos la pestaña Edición de HTML, vamos al lugar donde queremos que aparezca el reproductor de audio y con el botón derecho del ratón selecionamos en pegar o (CTRL-V).
De esta manera ya tendremos insertado nuestro reproductor. Podemos terminar la entrada pidendo a nuestros visitantes que expongan su opinión sobre lo escuchado. Grabamos la entrada y vemos como ha quedado el resultado de la misma.

También podemos ir a Goear y a Odeo. En estos casos buscamos el audio introducción el texto en el campo de formulario que aparece en la zona superior. Una vez que surge la selección que nos oferce elegimos la que corresponda pinchando en el título y nos aparecerá otra pantalla con una información completa del audio con su audición y la posibilidad de tomar el código para embeberlo en nuestro blog. Este código suele empezar con el signo "<" seguido de OBJECT y el resto de código en ambos srevidores mencionados. Así que el procedimiento es el mismo que para Radioteca.

Por último podemos colocar audio de Radio Blog.
1. Navega hasta Radio.Blog.Club
2. Usa el buscador que te ofrece para encontrar música que te interese. Una vez localizado el archivo, haz clic sobre el botón azul para que se muestre el código del reproductor en la parte derecha de la pantalla:



3. Se puedes personalizar el reproductor, cambiando los colores del cuerpo, el borde, el botón y el texto. Cuando esté a tu gusto selecciona el código y cópialo al portapapeles (ctrl. + C o botón derecho del ratón y selecciona Copiar).
4. Con el código copiado ve a la entrada que estamos redactando, seleccionamos la pestaña Edición de HTML, vamos al lugar donde queremos que aparezca el reproductor de audio y con el botón derecho del ratón selecionamos en pegar o (CTRL-V).
5. Guarda los cambios, mira la vista previa y/o publica la entrada y visualiza la entada del blog.

Tarea 7: Listado de enlaces

Otra de las utilidades que ofrece Blogger es la posibilidad de añadir de forma simple y fácil una serie de enlaces a otros blogs o página webs para que sólo con pinchar en ellos podamos trasladarnos y echarles un vistazo. Es una manera de ofrecer a nuestros visitantes una selecicón de los blogs y páginas web que suelen interesarnos más.
Esta posibilidad viene recogida en la zona de Administración del blog, seleccionado el menú "Diseño" y dentro de él la opción "Elementos de página". Una vez en esta pantalla observaremos que nos ofrece un esquema de la plantilla que estamos usando.


A continuación picamos con el ratón en "Añadir un gadget" (Elemento). Esto hará que surja una ventana en la que podemos ver la oferta de elementos y utilidades que oferta Blogger. Tendremos que buscar "Lista de Blogs" o "Lista de Enlaces". Aunque las dos son parecidas se diferencian en que la primera utilidad va dirigida a presentar los blog y tiene algunas características diferentes de la segunda opción que está pensada para sólo insertar páginas web.

Si elegimos la primera opción pinchando en el logo o nombre de la utilidad nos presneta otra pantalla como esta:

Rellenamos lo diferentes campos del formulario
comenzando por el título que queremos darle a la sección, la forma que deseamos se presenten ordenados, qué blgos serán mostrados, y otras cararacterísticas como Icono, Título del elemento más reciente, etc. Posteriormente pinchamos en la opción "Agregar un blog a tu lista" y nos permitirá poner la URL del blog elegido, contactará con él y tomará el nombre del blog, el cual luego puede cambiarse.
Una vez que hemos terminado de dar de alta los diferentes blogs deseados, pulsando sobre el botón "Guardar" tendremos todo salvado y colocado en el menú lateral o en la zona de píe de página, según hayamos elegido al principio.
Más tarde, si deseamos realizar modificacione, altas o bajas, podremos editar el gadget.

Si por el contrario deseamos introducir el gadget de "Lista de enlaces", procederemos de la misma manera salvo que las opciones son más reducidas, sólo el título de la sección y más tarde el título de la web así como la dirección o URL de la misma. Aquí veis la pantalla que surge:



Una vez que se ha guardado, podemos situar el elemento o gadget en una zona diferente a donde sale, sólo con arrastar el elmento hacia arriba o abajo lo conseguiremos poner en el lugar y orden deseado. Podemos insertar cuantas listas deseemos y cada una con su listado de enlaces correspondientes.
Para modificarlo, lo abrimos pulsando en editar desde la zona de modificación de la plantilla.

Tarea 6: Comentarios

Otro de los aspectos relevantes de un blog y que le dan vida son los comentarios. Existen blogs en que las entradas van acompaladas por decenas de comentarios. esto se debe a la relevancia del autor y sus seguidores.

En nuestro blog educativo lo debe ser aún más porque una de las cuestiones que pretendemos es que ante ciertas noticias u opiniones nuestro alumnado y profesorado pueda participar expresando sus sentimientos y razonamientos. De hecho es práctica común que el profesor o profesora explique en un artículo alguna cuestión sobre la que el alumnado debe verter su opinión despuñes de un debate.

Vamos sólo a entrar en el menú general CONFIGURACIÓN, ahí tenemos el submenú COMENTARIOS. Existen varias opciones entre las que destaco las más importantes:

• Mostrar u ocultar comentarios
• Personas que pueden realizar comentarios: Cualquiera, usuarios registrados, usuarios registrados en Google y usuarios miembros del blog.
• Moderación de comentarios: siempre, después de unos días, nunca
  
• Correo electrónico de notificación

Hay que comprobar que está activada la opción "Personas que pueden realizar comentarios: usuarios registrados". Y guardamos, si no lo estaba. Esto permitirá hacer comentarios a todos los de usuarios con cuenta de Gmail y registro en Blogger. Pero también podemos dejar la opción de cualquiera y habilitar la moderación de comentarios u activaractivar la casilla de "verificación de palabra" para evitar el spam o no habilitar la moderación de comentarios. La moderación permite que no se publique hasta que el admisnitrador del blog no dé su permiso. Es interesante rellenar el campo de correo electrónico de notificación para que cada vez que llegue un comentario el sistema nos envie un correo-e de aviso.
En fin es algo que debéis decidir y que podréis cambiar cuando deseéis según vuestra experiencia futura.

También debemos recordar que cuando creamos una entrada podemos habilitar o no no los comentarios en esa entrada.

Los comentarios pueden ser borrados por el administrador del blog desde el Menú Creación de Entradas, seleccionado Moderar comentarios. Veréis una lista de todos los comentarios que han llegado, los publicados o no. desde ahí de puede eliminar cualquiera de ellos.

Ahora ya es el momento de realizar comentarios a los post de este blog y de los compañeros.

Tarea 5: Sindicación de contenidos

La sindicación de contenidos es un asunto de vital importancia en el mundo digital en que nos desenvolvemos porque nos permiten estar al día de lo que ocurre en el mundo y en nuestros lugares queridos. Esto se debe a que no viajaremos la la información sino que ella viajará a nosotros y entonces decidiremos ir a ella para completar mejor nuestro conocimiento sobre la misma.

No tenemos que visitar todos los días nuestros blogs favoritos sólo necesitamos darnos de alta en una página que permite que incrustemos sindicación de contenidos de varios sitios. Estos pueden ser: Google Homepage, Google Reader, Bloglines etc. Yambién es posible tener agregadores de FEED en nuestro ordenador con programas que se instalan en él. Este es el gran invento de lo que se llama Sindicación de contenidos o RSS.

Para más información un excelente artículo en la revista CONSUMER.

Para sindicar un blog en el nuestro usando Blogger procederemos de la siguiente forma:
1) Ve a la zona de dirección del naveador. Encontrarás un icono () de la página de este blog. Pica en él y aprecerá y encontrarás "Subscribirse a: Curso de Bitácoras Coeducativas (Atom)" y "Subscribirse a: Curso de Bitácoras Coeducativas (RSS)"; pulsa en una de las dos opciones y se abre una ventana en la que se presnetan todas las entradas. Copia la url de la página a la que acabas de entrar.
2) Accede a la administración de tu blog y pulsa en "Plantilla", después en "Elementos de una página". "Añadir un elemento", que será en este caso una FEED. Pega la dirección que has copiado y dale a continuar. Ya se ve lo que va aparecer en el blog. Guarda. El elemento se ha añadido a los de la columna lateral, con el ratón podemos arrastrarlo para que aparezca en encima o debajo del que elijamos.
Se puede observar como este blog está sindicado alas noticias del CEP de Granada.

De esta forma si ves el blog observarás que en la zona derecha existe información sobre las últimas entrdas de este blog.

Esto lo puedes hacer con cualquier sitio web en los que observes el icono antes aludido.
Pero lo mejor es tener la propia página de FEED en la que podamos organizar nuestros sitios interesantes según categorías.

Tarea 4: Embeber un vídeo en el blog

Vamos a redactar una nueva entrada pero en este caso debemos acompañar el texto con un vídeo.
Para ello tenemos dos posibilidades: bien dejamos el enlace para que el vídeo se vea en el lugar original en que está almacenado o hacemos que se pueda visualizar en nuestro propio blog. Nosotras y nosotros vamos a hacerlo seleccionando esta última opción.

Los vídeos que vamos a usar estarán almacenado en contenedores o servidores como YouTube, Google Vídeo y Dailymotion. Existen otros como Delealplay y Teachertube. Desde cualquiera de estos servicios la forma de insertar los vídeos es la misma.

Así que primero pensamos en algún acontecimiento o evento que vayamos a comunicar y primero buscamos el vídeo en Youtube.

Una vez buscado, creamos una nueva entrada, escribimos algo de texto sobre lo que vamos a ofrecer e insertamos el vídeo tal y como se explica en la información dedicada a ello y títulada: Insertar vídeo en el blog.

Por último podemos completar con más texto o por el contrario "Guardar como borrador" o "Publicar".

Tarea 3: Añadiendo imágenes y enlaces

Vamos a crear una nueva entrada. En este caso vamos a insertar en la misma una imagen y varios enlaces.
El contenido deberá tratar sobre lugares coeducativos en la web para poder visitarlos desde tu página.

Para encontrar enlaces a blogs coeducativos puedes acceder a algunos de los presentados en una entrada de este blog o ir a Google y buscar por blogs coeducativos -por ejemplo.
La estructura del cuerpo de texto tendrá una introducción y enlaces mediante una lista con viñetas. También deberás acompañar la entrada con una imagen que esté ya en la web.

Para ello deberías visitar los post siguientes:

• Insertar imágenes
  
• Realizar enlaces
• Animación de Lourdes Barrosos en Creación de Blogs

Tarea 2: Insertar una entrada

Después de crear nuestro blog, Blogger nos invita a crear nuestra primera entrada o post.
Para ello lo mejor es presentarse y explicar el uso que se le quiere dar a vuestra bitácora. No hay que olvidar que escribir en un blog no es extenderse sino ser conciso y claro.
Al acceder a la creación de entradas la pantalla nos ofrece un formulario con tres campos: título, cuerpo de texto, imágenes y multimedia y campo de etiquetas.


El segundo campo es el más extenso y presenta una barra de menú de opciones. Funciona como un pequeño procesador de texto con opciones para seleccionar:

• Fuente de texto
• Tamaño de fuente
• Estilo: negrita, cursova, color, enlace web
• Alineacion: izquierda, centro, derecha y justificado
• Listas : numerada y con viñetas
• Bloque entercomillado
• Comprobación de ortografía
• Añadir imagen
• Añadir vídeo
• Eliminar formato de lo seleccionado

También existen dos pestañas en esta zona: Edición HTML y Redactar. Es aconsejable tener seleccionada esta última. La vista previa nos presenta la entrada como se publicará en el blog.
Por último debemos rellenar el campo de etiquetas. estas sirven para organizar la información del blog, de esa forma podremos buscar información de una manera más rápida y efectiva. También sirve para que nuestros visitantes tengan una idea de los temas que trata nuestra bitácora.

Otra de la sopciones que nos oferta el editor se denomina Opciones de entrada que nos va a dar opción para dar permisos a realizar comentarios o no. También permite cambiar la fecha y hora de la entrada.

Así que una vez escrita la entrada podemos ver una vista previa y si decidimos publicarla clicamos sobre el botón Publicar Entrada. Si vemos que no debe aún publicarse pues la guardamos selecionando la opción Guardar Ahora.

Este es el ejercicio que vamos a realizar.

Tarea 1: Creación del Blog

Para crear un blog en Blogger debemos realizar las siguienets acciones:

1. Ir a la dirección www.blogger.com
2. Seleccionar Crear tu blog ahora
3. Crear una Editar entradascuenta en Blogger: necesitas direción de correo electrónico y una contraseña
4. Elegir el título del Blog (Después de puede cambiar)
   
5. Elegir la URL del Blog
6. Seleccionar una plantilla

Esta dirección que os ofrezco desarrolla estos pasos pormenorizadamente: Apuntes sobre blogs, de Alejandro Valero.

Para seguir estas instrucciones visualmente podemos acceder a este tutorial de Lourdes Barroso o acceder a su wiki edublogki.