1. Curso blog_TIN.notebook May 11, 2012
CREACIÓN DE UN BLOG CON BLOGGER
WEB 2.0. APLICACIONES EDUCATIVAS
Alejandro Fernández Pascual
Crear un blog:
Entrar en la página http://www.blogger.com
1
2. Curso blog_TIN.notebook May 11, 2012
Accedemos a nuestra cuenta Google (1). Si no tenemos cuenta pulsamos CREAR UN
BLOG (2), donde crearemos una.
(1)
(2)
Crear una cuenta Google Account. Si ya la tenemos saltamos este paso
Rellenamos el formulario para crear la cuenta.
2
3. Curso blog_TIN.notebook May 11, 2012
Introducimos el código de verificación de la palabra, aceptamos las condiciones y pulsamos
en CONTINUAR
Escogemos un nombre para el blog (habrá que comprobar que esté disponible)
3
4. Curso blog_TIN.notebook May 11, 2012
Eleginos una plantilla en la que se basará el diseño de nuestro blog (podemos
previsualizarlas antes de escoger)
A continuación se muestra el mensaje que confirma que se ha creado el blog correctamente.
Ahora empezamos a publicar
4
5. Curso blog_TIN.notebook May 11, 2012
Actividad 2
Repite los pasos vistos hasta ahora y crea tu propio blog sobre
algún tema que te resulte atractivo.
Accedemos a la página principal de administración de nuestro blog. Tenemos cuatro pestañas
principales (Creación de entradas, Configuración, Diseño y Monetizar)
5
6. Curso blog_TIN.notebook May 11, 2012
Creación de entradas
Permite crear y modificar las entradas del Blog (artículos, ensayos, opiniones,
actividades, etc).
Configuración
Es la pestaña más importante desde el punto de vista de la administración del blog.
Permite cambiar las preferencias de visualización del blog, la entrada de comentarios y
establecer permisos de acceso y publicación de contenidos para otros usuarios.
Diseño
Permite cambiar la apariencia de nuestro blog: Seleccionar la plantilla del blog, el tipo de
letra, los colores, la organización de las secciones, etc.
Monetizar
Se utiliza para incluir publicidad en el blog.
Creación de entradas
Seleccionamos Nueva entrada . El recuadro que aparece debajo es donde se escribe la
entrada (1) y ofrece las opciones básicas de un procesador de texto con la posibilidad de
insertar contenido multimedia como imágenes y videos.
Cuando creamos una entrada tenemos que etiquetarla con palabras clave sobre el contenido de
la misma. Esto lo haremos a través del cuadro 'etiquetas de esta entrada'(2).
(1)
(2)
6
7. Curso blog_TIN.notebook May 11, 2012
Una vez escrita la entrada pulsamos en Publicar entrada. Nos aparecerá un mensaje de
confirmación informando que la entrada se ha publicado correctamente.
Si ahora pichamos en Ver entrada, veremos la entrada publicada en el blog.
http://tecnologiaparatods.blogspot.com/
Cuando tenemos varias entradas publicadas, podemos gestionarlas en la opción
'Editar entradas'
7
8. Curso blog_TIN.notebook May 11, 2012
Actividad 3
Publica ahora tu primera entrada con un breve texto de presentación
del blog. ¡No olvides etiquetar la entrada!
Ahora vamos a publicar una entrada con una imagen. La imagen podemos obtenerla de nuestro disco
duro, de internet o podemos capturar una imagen de una página (por ejemplo un titular de un
periódico digital). Empezaremos descargando una imagen de internet y añadiéndola a nuestro blog.
Entramos en la dirección
http://bancoimagenes.isftic.mepsyd.es/
8
9. Curso blog_TIN.notebook May 11, 2012
Seleccionamos Fotografías y hacemos una búsqueda en la base de datos (por ejemplo Ciudad
Rodrigo). Nos aparecen varias fotos. Seleccionamos una de ellas.
Al seleccionarla obtenemos información sobre el formato de la imagen, el tema y a qué categorías
curriculares pertenece. A continuación pulsamos en Descargar archivo
9
10. Curso blog_TIN.notebook May 11, 2012
Aceptamos las condiciones de uso y guardamos el archivo en el Escritorio (por ejemplo)
Ahora vamos a comprobar el tamaño de la imagen. Siempre que trabajemos con imágenes en
internet, documentos de Office, OpenOffice, etc. será necesario comprobar el tamaño de las
imágenes con las que estamos trabajando, porque si el tamaño es muy grande, se ralentizan
mucho todas las tareas.
Vamos al escritorio, y en la foto
Fotocapiteles pulsamos con el
botón derecho y seleccionamos
Propiedades
10
11. Curso blog_TIN.notebook May 11, 2012
Se muestran las propiedades de la imagen, entre
las que está el tamaño. En este caso el tamaño es
1,47MB. Se recomienda trabajar con imágenes del
orden de los 100KB, por lo que está imagen es
demasiado grande y habrá que reducirla.
Recuerda : 1MB = 1000KB
A continuación se explica cómo reducir
con Paint el tamaño de una imagen. Si ya
sabes cómo hacerlo, puedes saltarte este
paso.
¿Cómo reducir una imagen?
Para reducir el tamaño de una imagen necesito Editarla. Pulso de nuevo con el botón
derecho del ratón sobre la imagen y selecciono Editar
11
12. Curso blog_TIN.notebook May 11, 2012
Se abre el programa Paint de Windows que permite modificar la imagen. Pulsamos en Imagen y
seleccionamos Expandir o Contraer...
Se abre un diálogo que permite elegir el porcentaje de expansión e introducimos los valores
de 30% tanto en Horizontal como en Vertical. Al tomar el mismo valor en las dos direcciones,
cuando se reduzca la fotografía no se deformará.
12
13. Curso blog_TIN.notebook May 11, 2012
Guardamos la nueva imagen. Si comprobamos de nuevo su tamaño, veremos que ahora
ocupa 123KB. Ahora ya está lista para subirla al blog.
Actividad 4
Descárgate una imagen del banco de datos del Mepsyd relacionada
con el tema de tu blog, y reduce su tamaño si es necesario.
http://bancoimagenes.isftic.mepsyd.es/
13
14. Curso blog_TIN.notebook May 11, 2012
Voy a publicar la foto descargada en mi blog. Si he cerrado la página de blogger, vuelvo a
entrar en la página.
http://www.blogger.com
Accedo a mi cuenta de Google en Blogger
Se abre el Escritorio de Blogger, donde se muestran mis blog y las mismas opciones que
teníamos en las pestañas de la página de administración del blog. Pulso en Nueva entrada
14
15. Curso blog_TIN.notebook May 11, 2012
Nos aseguramos que estamos trabajando en la pestaña Redactar. A continuación doy un título a
la entrada, inserto un texto comentando la foto y escribo las etiquetas para esta entrada del blog.
Por último pulso en el botón de insertar imagen.
Insertar imagen
Se abre el diálogo para añadir una imagen. Puedo añadirla desde el equipo o dando la dirección web
donde se encuentre la imagen que me interese publicar. Podemos también elegir el diseño de la foto y el
texto y el tamaño con el que se publicará la imagen en el blog. Para añadir la foto Fotocapiteles del
equipo, pulso en Examinar y selecciono la carpeta donde esté almacenada (Escritorio). A continuación
pulso SUBIR IMAGEN
15
16. Curso blog_TIN.notebook May 11, 2012
Esperamos a que se cargue la imagen....
A continuación se muestra un mensaje que confirma que se ha añadido la imagen.
Pulsamos en FINALIZADO y volveremos a la edición de la entrada.
Vemos que ahora aparece la imagen en la entrada con el texto que habíamos escrito. Ya sólo
nos queda pulsar el botón de PUBLICAR y tendremos la nueva entrada con la imagen
publicada en el blog.
16
17. Curso blog_TIN.notebook May 11, 2012
Para ver el resultado pulsamos en Ver entrada.
Actividad 5
Publica en tu blog la imagen descargada del banco de imágenes.
Recuerda etiquetar la entrada.
17
18. Curso blog_TIN.notebook May 11, 2012
A continuación voy a añadir una entrada con un vídeo que he encontrado en Youtube y me interesa
compartirlo con los alumnos. En primer lugar entro en Youtube y busco un vídeo relacionado con la
energía eólica.
Elijo el vídeo que me interesa, que es el segundo que aparece.
Al seleccionarlo se reproduce el vídeo elegido. Para insertarlo en nuestro blog, tenemos que copiar un
código que aparece en esta página bajo la palabra Insertar
Selecciono y copio este código
18
19. Curso blog_TIN.notebook May 11, 2012
Edito una nueva entrada en mi blog. Introduzco el título, un texto que describa el vídeo y las etiquetas
de la nueva entrada. A continuación pulso en edición de HTML y pego el código del vídeo. Aparece
una ristra de código extraño que insertará el vídeo en mi blog. Por último publico la entrada y la
visualizo como otras veces.
Vemos el resultado. Añadiendo el vídeo de esta forma, se incluye el reproductor en nuestro
blog, facilitando a los lectores su reproducción
19
20. Curso blog_TIN.notebook May 11, 2012
Actividad 6
Busca un vídeo en Youtube relacionado con el tema de tu blog y
publícalo. Recuerda etiquetar la entrada.
Otras opciones del editor de Blogger son añadir un enlace a una página web o añadir un vídeo
que tengo almacenado en el disco duro.
Añade un vídeo
Añade un enlace a una página web
(antes tengo que seleccionar un
texto o una imagen)
20
21. Curso blog_TIN.notebook May 11, 2012
Además de las entradas que hemos visto, se pueden añadir al blog otros elementos llamados
gadgets. Para ello seleccionamos la pestaña Diseño de la página principal de administración del
blog. En esta sección podemos maquetar el blog, cambiar las fuentes y colores utilizados en su
diseño o seleccionar una plantilla diferente para nuestro blog.
Un gadget es una pequeña aplicación que se añade en el blog y nos permite hacerlo más
interactivo y darle una mayor funcionalidad. Hay muchos diferentes y cada día se desarrollan
gadgets nuevos. Los más usados son las listas de enlaces a páginas web, el menú con las
etiquetas del blog, encuestas, el archivo del blog...
encuesta
buscador
etiquetas
Lista de enlaces
21
22. Curso blog_TIN.notebook May 11, 2012
Las plantillas suelen incluir por defecto algún gadget, en este caso vemos el de Archivo del blog. Estos
gadgets los puedo editar o suprimir cuando quiera.
A continuación voy a añadir un gadget a mi blog. Pulso en Añadir un gadget en la posición
que deseo que aparezca dentro de la página del blog.
22
23. Curso blog_TIN.notebook May 11, 2012
Se abre una ventana con un menú que muestra los gadgets disponibles. Añadiré el Cuadro de
búsqueda que aparece en el menú Lo básico. Además de los gadgets básicos que se presentan
al abrir la ventana, puedo añadir muchos más, disponibles en los menús (Destacados, Los más
populares, Más gadgets)
Cada gadget tiene tiene su propia ventana de configuración, donde introducimos la
información necesaria para crearlo. Una vez configurado el gadget, pulsamos en Guardar
Ejemplos de diálogos de otros gadgets
23
24. Curso blog_TIN.notebook May 11, 2012
Vemos cómo queda en el blog. Si quiero volver a editarlo, puedo hacerlo pulsando en
el símbolo
Gadget añadido
Actividad 7
Añade tres gadgets a tu blog:
• Menú con las etiquetas de las entradas del blog en forma de nube.
• Una lista de enlaces con las direcciones de dos blogs de tus
compañeros (Lista de Blogs).
• Una encuesta sobre un tema relacionado con tu blog.
24
25. Curso blog_TIN.notebook May 11, 2012
Como última parte de este curso de Blogger vamos a trabajar con la pestaña de Configuración de la
página de administración del blog. Dentro de esta pestaña hay varios subapartados. Nos centraremos en
el Básico,los Comentarios y los Permisos.
La página de Básico nos permite Importar/Expotar entradas del blog, suprimir el blog, cambiar el título,
añadir una descripción del blog, así como otras opciones de edición. Una vez modificada la
configuración, debemos siempre guardarla pulsando el botón situado al final
de la página.
25
26. Curso blog_TIN.notebook May 11, 2012
La página de Comentarios nos permite gestionar la entrada y visualización de los comentarios
del blog. Puedo permitir o denegar culquier comentario a las entradas o permitir sólo a los
usuarios autorizados introducirlos. Además de estas opciones se pueden configurar otras
referentes a la forma de mostrar los comentarios o la notificación de comentarios a un grupo de
usuarios a través del correo electrónico.
La página de Permisos configura permisos de autoría y de lectura. Autores son los usuarios con
permisos para publicar entradas. Esto nos da la posibilidad de convertir un blog personal en un blog
colaborativo. Los permisos de Lectura posibilitan que un blog sólo sea visible por el grupo de usuarios
que especifiquemos o únicamente por los autores.
Si quiero añadir un autor, simplemente tengo que pulsar en Añadir autores e introducir su dirección de
correo electrónico. Se le enviará una invitación y cuando la acepte tendrá permiso para publicar
entradas en el blog (necesitará acceder previamente a su cuenta de Blogger).
26
27. Curso blog_TIN.notebook May 11, 2012
Para restringir la lectura a un grupo de Lectores, selecciono la opción Solo los que yo elija y
en el cuadro que aparece introduzco sus direcciones de correo eletrónico separadas por
comas. Por último, pulso Invitar.
Entre las demás opciones de configuración que tenemos, podemos configurar el dominio de
Publicación del blog, el Formato de la hora y la fecha, la frecuencia de Archivo del blog, la difusión
del blog o Feed del sitio, la creación de entradas mediante Correo electrónico y móvil, o el acceso al
blog mediante OpenId
27
28. Curso blog_TIN.notebook May 11, 2012
Por último, para salir de la cuenta de Blogger y finalizar el tutorial, pulsa en Salir.
Actividad Final
Configura tu blog de la siguiente manera:
• Sólo los miembros del blog pueden introducir comentarios.
• Sólo pueden leer el blog los usuarios que elijas.
Elige un compañero del curso y añadiros, como lector y como autor,
cada uno en el blog del otro. Comprobad que podéis introducir
comentarios y publicar nuevas entradas en el blog del compañero.
28