Útil tutorial para crear un blog en blogger.

1. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
1
¿ó
Tutorial del usuario
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

2. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
2
Antes que aprender cómo crear un blog es necesario acercarnos al concepto “Blog”
Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente
textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad
de dejar publicado lo que crea pertinente. El nombre bitácora está basado en los cuadernos de bitácora. Cuadernos de viaje
que se utilizaban en los barcos para relatar el desarrollo del viaje y que se guardaban en la bitácora. Aunque el nombre se
ha popularizado en los últimos años a raíz de su utilización en diferentes ámbitos, el cuaderno de trabajo o bitácora ha sido
utilizado desde siempre.
Este término inglés blog o weblog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en
referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su
1
vida propia como si fuese un diario, pero publicado en la web (en línea) .
A partir de este término surge el concepto Edublog, que según la misma fuente es un blog que se usa con fines educativos o
en entornos de aprendizaje tanto por profesores como por alumnos.
Una vez aclarados estos conceptos podemos proceder a crear nuestro propio Edublog.
1. ¿Dónde crear nuestro blog?
Existen muchas plataformas para este mismo fin, pero Blogger.com cuenta con una interfaz bastante amistosa, sencilla y
de fácil aplicación.
Debemos colocar, en la barra de dirección del navegador la
siguiente dirección: https://www.blogger.com/start De manera
inmediata llegaremos al sitio de Blogger.com
Si tienes una cuenta en google, debes
completar esta sección con el nombre de
usuario y contraseña
Si debes crear una cuenta entonces clica
aquí y sigue los pasos en la siguiente
página.
Imaginemos que debes crear una cuenta, deberás
completar los siguientes pasos.
1
Según definición en http://es.wikipedia.org/wiki/Blog
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

3. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
Al clicar en “CREAR UN BLOG” llegarás a la siguiente ventana
3
Escribe la dirección del correo
electrónico que ya dispones y
confirma.
Inventa una contraseña segura
(alfanumérica si es posible)
pero que no puedes olvidar y
confirma.
En este espacio debes escribir
el Código de seguridad,
respetando mayúsculas y
minúsculas. Esto evitará que
un PC bloquee la página.
Acepta las condiciones del
servicio (clica en el recuadro
para activar) y luego clica en
CONTINUAR.
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

4. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
En la siguiente página debes completar los siguientes datos:
4
Escribe un nombre para tu
blog.
Aquí escribe la palabra par
tu URL (recuerda que no
puedes incluir tildes, signos
ni espacios, sí puedes letras
y números.
Chequea si está disponible,
de lo contrario lo debes
cambiar.
IMPORTANTE
Hay que pensar un título para el blog, el nombre debe de ser original, pero sencillo y fácil de recordar.
Este nombre se puede cambiar posteriormente.
También hay que pensar en una dirección URL, esta no se podrá cambiar y será la definitiva para que nos puedan
encontrar en internet.
La palabra completará la dirección de blogspot.com.
Hay que comprobar disponibilidad.
Luego de ver bien esta parte clicar en CONTINUAR, llegarás a otra ventana
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

5. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
Elegir una plantilla es bien importante dado que esta es la apariencia que tendrá tu blog, por lo tanto, escoge con cuidado.
5
Después si no te agrada, la puedes cambiar.
Solo debes clicar sobre la plantilla
que te agrada. Puedes obtener una
vista previa de cómo se verá y si no
es de tu agrado, sigue intentando.
Finalmente clica en CONTINUAR
Llegarás a esta otra ventana
Tu blog ya fue creado, puedes
EMPEZAR A PUBLICAR
A partir de este momento puedes empezar a escribir tu blog, ¡escribamos una nueva entrada! (un artículo)
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

6. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
6
2. Escribamos nuestro primer artículo
Título del artículo
Escribe el contenido
1. Seleccionar el tipo de fuente 10. Alineación justificada
2. Tamaño de la fuente 11. Lista numerada
3. Negrita 12. Lista con viñetas
4. Cursiva 13. Bloque entrecomillado
5. Color de fuente 14. Revisión de ortografía
6. Enlace 15. Añadir imagen
7. Alineación a la izquierda 16. Añadir video
8. Alineación centrada 17. Borrar formato
9. Alineación a la derecha 18. Vista previa (ver cómo quedará nuestro artículo)
A.- La vista en HTML es ideal para incrustar los códigos de archivos multimedia de la web (slides, audio, videos, etc.….)
B.- Vista para redactar artículos (como la que está en la figura anterior.
Ya tenemos el artículo, nos falta agregar otros elementos, veamos:
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

7. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
7
3. Añadir una imagen
Debes clicar en el botón 15, al hacerlo verás la siguiente ventana
Si clicas en EXAMINAR es
porque la imagen está en tu
propio PC (o CD, Pendrive, etc.…)
Solo debes buscar y ABRIR
La otra opción es añadir imagen
desde la web. Donde dice URL
debes colocar la URL de la
imagen (dirección)
Luego de colocar la imagen debes elegir el diseño de tu agrado (ubicación) y el tamaño. Para ello solo basta con clicar en el
círculo correspondiente para activarlo. Clicar SUBIR IMAGEN, se abre otra ventana y clicas en FINALIZAR
Verás que vuelves al artículo con la siguiente vista
Si no te agrada la ubicación o el tamaño los puedes
modificar utilizando los PUNTOS DE CONTROL tal como lo
haces en Word.
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

8. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
8
4. Añadir un Hipervínculo
Debes escribir el texto que deseas vincular y seleccionarlo
Luego clicas en el botón 6 y aparece la siguiente ventana:
Copias la URL de la página a la que deseas
vincular y la pegas en el espacio
correspondiente. Después clic en ACEPTAR.
Volverás a la página del artículo, el texto que
vinculaste a una web cambió de color. Observa
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

9. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
9
Cuando nuestro artículo es publicado te darás cuenta que cuando el cursor pasa sobre el texto vinculado se transforma en
una mano que, al clicar, nos llevará al sitio o página enlazada.
5. Añadir etiquetas a un artículo (post)
Al escribir un post (artículo) podemos asignarle una etiqueta o tema, para que sea más fácil de localizar cuando tengamos
muchos post y de diferente temática. Ejemplo: Tutoriales, Descargas, Sitios, etc.…
También se pueden añadir luego en la opción de editar entradas.
Al ver nuestro blog así se pueden ver
las etiquetas o temas.
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

10. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
10
6. Añadir y organizar elementos a la plantilla
En primer lugar debes pulsar la pestaña DISEÑO y llegarás a esta ventana:
Aquí verás los elementos que se
sitúan en la barra lateral del blog.
Hay que clicar en DISEÑO. Se pueden
añadir nuevos elementos y ordenar los
ya existentes.
En este ejemplo podemos ver algunos
elementos.
Puedes clicar sobre el
elemento y arrastrar para ubicar
donde quieras.
Si clicas en EDITAR puedes
editar el elemento deseado, como
cambiar aspecto, color, et… Solo
debes aplicar, ver en VISTA PREVIA y
luego GUARDAR si es de tu agrado. De
lo contrario CANCELAR.
SI deseas agregar un
elemento (gadget) puedes clicar en
AÑADIR UN GADGET. Esto es lo que
sucederá:
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

11. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
11
Puedes escoger gadget en LO BÁSICO,
DESTACADOS, LOS MÁS POPULARES,
MÁS GADGETS
Debes considerar solo aquellos que
tienen el sigo +, los otros ya están
añadidos.
Después de investigar un rato en qué consiste, puedes tratar de insertar un gadget:
No debes olvidar GUARDAR. Al hacerlo volverás al
panel anterior donde también debes GUARDAR
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

12. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
12
7. Panel de Configuración
Al clicar en la pestaña CONFIGURACIÓN llegarás a una ventana donde puedes aplicar diferentes modificaciones al blog.
Aquí puedes navegar por las diferentes opciones que ofrece este apartado, puedes realizar las modificaciones que estimes
conveniente, pero al final, si es de tu agrado no olvides GUARDAR CONFIGURACION
8. Añadir un video
Para añadir un video debemos escribir nuestro post como siempre, también puede llevar imágenes, etc.… Cuando llegue el
momento de insertar un video debemos seguir los siguientes pasos:
a. Colocar vista EDICION DE HTML en nuestro blog
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

13. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
13
La diferencia entre ambas vistas es significativa. Observa.
Esta imagen
está en
REDACTAR
Esta imagen
está en
EDICIÓN
HTML
Para insertar el video debemos estar en vista EDICION HTML, no lo olvides.
b. Ubicamos el cursor donde quisiéramos ubicar el video.
c. Luego vamos al sitio donde está alojado el video y copiamos el CODIGO EMBED
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

14. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
14
Para copiar el código EMBED, debes clicar sobre él y se volverá azul, botón derecho del mouse sobre esta parte azul, clicar
en copiar.
d. Luego vuelves al blog, donde estás editando, clicar botón derecho del mouse, seleccionar PEGAR. Así es como
se verá el código pegado.
e. Una vez pegado el EMBED vuelves a la vista REDACTAR, veremos esta imagen:
¡Decepción! No vemos el video…. Aparece una X en su lugar… espera.
f. Si clicas en VISTA PREVIA te darás cuenta de un cambio… ¡la imagen aparece!
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”

15. Diplomado Elaboración de Proyectos
de Innovación Pedagógica con TIC
CIE Universidad Católica
15
Para volver a la edición de tu artículo
solo debes clicar en OCULTAR VISTA
PREVIA.
Si has terminado de escribir tu post,
has insertado los elementos que
deseas tienes dos opciones
Etiquetar y GUARDAR
AHORA, para ser publicado en otro
momento.
Etiquetar y PUBLICAR
ENTRADA.
9. Añadir otros elementos
Actualmente, la web 2.0. nos brinda la posibilidad de interactuar con una gran variedad de elementos multimedia y que
también podemos alojar en nuestro blog. Podemos incluir: presentaciones, mapas, música, vídeos, juegos, archivos flash,
líneas de tiempo, relojes, calendarios, cuestionarios, etc.… todos disponibles en diferentes sitios web.
Para incluirlos en nuestro blog, debemos seguir un proceso muy similar al señalado para insertar un video:
Buscamos el Código EMBED, lo copiamos y pegamos en nuestro blog
La otra posibilidad es crear tu propio material para subir al Blog, para ello debes:
Nos registramos en el sitio web correspondiente.
Elaboramos, hasta que nos muestra un código embed (html).
Pegamos dicho código en una entrada o elemento de nuestro blog.
Tutorial elaborado por:
Jeny González C.
Liceo Mater Purissima Maipú - Santiago
Noviembre de 2009
Grupo INTELito Proyecto ”Implementación de un Aula Virtual par la enseñanza del Blog”