Este es el segundo, de los tres tutoriales publicados en el Catálogo TIC del CeDeC, dedicados a la creación de un Edublog en Blogger . Ver ficha didácTICa: http://cedec.ite.educacion.es/index.php/es/aplicaciones-en-la-web/

1. -Crear entradas en Blogger.
-Los elementos de una entrada del blog.
-Formatear el texto y crear enlaces.
-Cómo añadir imágenes.
-Páginas estáticas.
-Insertar elementos multimedia.
-Insertar vídeos.
-Insertar presentaciones de Slideshare y
de Google Docs.
-Insertar álbum de fotos de Picasa. Joey and April working, imagen de Extra Ketchup en Flickr con licencia CC BY-SA

2. Escribir tu primera entrada, artículo o post
Accedemos a Blogger, nos identificamos y veremos en el escritorio la lista de nuestros
blogs. Hacemos clic en Nueva entrada para escribir nuestro primer artículo.
Este usuario tiene dos
blogs creados que puede
gestionar desde el
escritorio.

3. Visión general del editor de Blogger

4. Descripción de la barra de herramientas del editor
Este icono nos permite
destacar el texto citado.Es
conveniente usar esta opción
cuando se copian fragmentos de
texto de otros sitios, o se utilizan
textos literales.

5. Insertar enlaces

6. Insertar imágenes

8. Antes de insertar una imagen debemos tener en cuenta que algunas están consideradas propiedad
intelectual y protegidas mediante copyright. Esto significa que su creador tiene derechos legales exclusivos
de su trabajo, y es posible que no desee que la utilicemos.
Para salvar esta eventualidad existen sitios en la Red que nos facilitan encontrar imágenes con licencia
Creative Commons (http://es.creativecommons.org/) o similares que pueden utilizarse sin más requisito que
citar su procedencia, entre ellos recomendamos:
- Buscador CC: http://search.creativecommons.org/ - Open Photo: http://openphoto.net
- Banco de imágenes y sonidos del INTEF - Foter: http://foter.com/
- Open Clip Art Gallery: http://www.openclipart.org/ - FlickrCC: http://www.flickr.com/
- Mediateca de EducaMadrid: (imágenes, vídeos y - FlickrCC Bluemountains
sonidos).

9. Consejos acerca de las imágenes.
Una imagen tomada con una cámara de
fotos es excesivamente grande para
Internet y enlentece la carga de las
páginas. Conviene reducir su tamaño
con aplicaciones de escritorio como
GIMP o aplicaciones en línea como
Sumo Paint.
No debería sobrepasar los 500 píxeles
de ancho, el máximo posible depende
de la plantilla de nuestro blog.
Al nombrar archivos seguir estas reglas:
○ No incluir mayúsculas.
○ No incluir eñes, tildes, ni caracteres
especiales.
○ No incluir espacios en blanco.

10. Etiquetado de las entradas (I)
Este es un aspecto muy importante dado que nos permite clasificar las entradas del blog.
En diversas tareas de los Itinerarios Curriculares de CeDeC se especifican las etiquetas que
deben utilizar los alumnos al publicar en el blog de aula.
Tarea Unidad 5. Movimientos

11. Etiquetado de las entradas (II)

12. Vista de una entrada etiquetada en el navegador

13. URL permanente de una entrada

14. Crear páginas estáticas (I)
Podemos crear un máximo
de 20 páginas estáticas.
Suelen estar enlazadas en
la cabecera para que
resalten por su importancia
y se encuentren a mano.
Las páginas estáticas no se
muestran en orden
cronológico inverso cosa
que sí ocurre con las
entradas o posts, contienen
información estática, es
decir, permanente, sobre
aspectos diversos del blog.
El proceso pasa en primer
lugar por seleccionar
Creación de entradas en
el menús superior.

15. Crear páginas estáticas (II)

16. Las opciones son:
Mostrar en el blog las páginas estáticas creadas
-En la barra Lateral del Blog.
-Pestañas del blog: Este es el
lugar recomendado, debajo de la
cabecera del blog.
-Sin gadget: Si sabes algo de
código HTML las puedes colocar
manualmente.
Le damos a "Guardar y Publicar" y
ya tendríamos Páginas Estáticas
Recibiremos el mensaje indicando que nuestra en nuestro Blog.
página se ha creado perfectamente.
La posición de las páginas
también se puede configurar
en Diseño > Elementos de
página como ya veremos.
Para ver la apariencia en el espacio púbico del blog pulsamos Ver página y podremos
visualizarla, tal y como la verán los visitantes de nuestro blog en Internet.

17. Editar entradas y páginas estáticas
Para ello seleccionamos Creación de Entradas> Editar entradas (opción también
disponible en el Escritorio)

18. Inserción de objetos en el blog (I)
Numerosos sitios web nos ofrecen la posibilidad de insertar objetos propios o
compartidos por otros usuarios como pueden ser vídeos, archivos de
audio, presentaciones, formularios, documentos de texto, etc.
El procedimiento para ello es siempre el mismo, resumido en 3 pasos:
Localizar el código html que suele aparecer indicado por la palabra
Embed, Compartir, Insertar o similar.
Copiarlo.

19. Inserción de objetos en el blog (II)
3. Y finalmente pegar el código en una entrada de nuestro blog utilizando la
opción "Edición de HTML " del editor de Blogger.

20. Algunos de los sitios que podemos utilizar con nuestra
cuenta de Gmail.
Youtube: publicación de vídeos.
Google Docs: nos permite crear y publicar documentos de texto,
hojas de cálculo, dibujos, formularios y presentaciones. También
podemos subir a Google Docs todo tipo de archivos desde
nuestro equipo y enlazarlos o insertarlos en el blog.
Picasa web álbum: publicación de fotos.

21. Parcelando el terreno: Tarea inicial de la Unidad 6 Thales y Pitágoras

22. Insertar un vídeo de YouTube
1. Busca el vídeo que deseas dentro de la página de YouTube mediante palabras claves en su
página principal.
2. Una vez localizado haz clic sobre el título para visualizarlo y copia el código
como se muestra en esta imagen.

23. Creamos una nueva entrada, le ponemos un título, hacemos clic en la
pestaña "Edición de HTML" y pegamos el código que hemos copiado.
copiado del vídeo. copiado.
Ponemos las
etiquetas que
nos permiten
definir y clasificar
la entrada
separándolas por
comas.

24. Publicamos la entrada

25. Para sacarle más partido a YouTube en el aula
YouTube es mucho más que un sitio en el que ver vídeos .
Descubre otras muchas posibilidades educativas:
-Editar vídeos.
-Añadir anotaciones.
-Compartir vídeos de forma privada con los alumnos-
-Especificar el minuto de comienzo de un video.
- Suscribirse a canales de vídeos educativos.
-Descargarlos...
Acceder
Imagen del blog del TotemGuard en 10 trucos escondidos para aprovechar YouTube en el aula

26. Insertar presentación de Google Docs (I)
Tarea: Crea una presentación que tenga entre
4 y 7 diapositivas.
- Intenta hacerla atractiva añadiéndole alguna
imagen relacionada con lo tratado.
-Sube la presentación a Internet y realiza una
entrada en el blog de aula en la que aparezca
insertada.
-Para esta entrada deberás utilizar dos etiquetas.
La primera será la inicial de tu nombre seguida
de tu primer apellido (por ejemplo, de Mariano
Real será mreal), y la segunda etiqueta será la
palabra unidad2.
Tarea del Itinerario Curricular de CeDec. Matemáticas 3º de ESO

27. Insertar presentación de Google Docs (II)

28. Insertar presentación de Google Docs (III)
- Creamos una nueva entrada en Blogger.
- Pegamos el código que hemos copiado en modo Edición de HTML.
- Publicamos la entrada y en el navegador veremos......

29. Vista de la presentación insertada en una entrada del blog

30. Insertar presentación de Slideshare (I)
En diversas Tareas de los
Itinerarios Curriculares de CeDeC se
propone crear una presentación con
Open Office Impress y publicarla en
Slideshare.
Un buen tutorial que nos explica como
hacerlo así como su posterior
inserción en el blog es el realizado por
el profesor Ángel Puente.
Tarea Itinerarios CeDeC. Matemáticas 3º ESO Ver presentación

31. Insertar presentaciones de Slideshare (II)

32. Una vez pegado el código, y publicada la entrada como ya se ha explicado en otros
casos, así se verá....

33. Insertar álbum de fotos de Picasa (I)
Todas las imágenes que se publiquen en el blog, automáticamente Blogger las publica en
Picasa (otro servicio 2.0 de Google) y las convierte en álbumes de fotos.
Accedemos a Picasa (http://picasaweb.google.com), una vez te identifiques con los datos
de tu cuenta de Gmail, Picasa te muestra las imágenes que has insertado en las entradas
del blog organizadas por álbumes. Asimismo puedes subir desde tu equipo otras imágenes
que desees publicar .

34. Insertar álbum de fotos de Picasa (II)

35. Una vez creado podemos obtener el código para insertarlo en una entrada de nuestro
blog, para ello seleccionamos el álbum deseado y....

36. Insertar álbum de fotos de Picasa (III)

37. Vista del álbum de fotos de Picasa insertado en Blogger

38. Esta presentación es la segunda, de las tres dedicadas a Blogger, que han
sido publicadas en el Catálogo TIC del Cedec.

39. En la ficha didácTICadel Catálogo podrás: ampliar información sobre Blogger, conocer
herramientas similares, acceder a ejemplos de Buenas Prácticas en el aula y descargar
las presentaciones en formato de Open Office Impress pudiendo así editarlas para
adaptarlas a tus necesidades.
Acceder al Catálogo TIC
Autor: Francisco Muñoz de la Peña Castrillo