SlideShare una empresa de Scribd logo
PONTIFICIA UNIVERSIDAD CATÓLICA
DEL ECUADOR SEDE IBARRA
“PUCESI”
TUTORIAL PARA LA CREACIÓN DE UN
BLOG
AUTORA: Licenciada Sandra Esmeraldas Ayala Trujillo.(DOCENTE
DE LA PUCESI)
IBARRA, AGOSTO-2014
a) Creación de cuenta de gmail
1.Entrar al internet www.google .com, seguidamente aparecerá una opción en la parte superior de la
pantalla, damos un enter en gmail, se abrirá una ventana donde escogemos la opción crear una
cuenta nueva.
Gráfico No. 25: Cuenta Gmail.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Seguidamente aparecerá una ventana, donde completaremos toda la información requerida,
escribiremos el código y damos un click en siguiente paso.
Gráfico No. 26: Cuenta Gmail.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Una vez llenado la información, empezaremos a editar el perfil, daremos un click en siguiente
paso y listo se ha creado la cuenta.
Gráfico No. 27: Cuenta Gmail.
Elaborado por: Google. Reelaborado por: Autora 2011.
b ) Creación del blog.
Un blog podemos crear en 3 pasos:
1.Tener una cuenta en google
2.Asignar un nombre al blog
3.Elegir una plantilla y empezamos a publicar.
En este blog se creará 8 blogs, en una sola plantilla con la finalidad de tener una mejor organización
en las clases y que exixta un aprendisaje significativo, ya que los estudiantes aprenderán de sus
vivencias, el blog está organizado de la suiente forma: Gerencia del Aula, Francais I, Francais II,
Francais III, Francais IV, Videos, Fotos; dentro de cada blog hay actividades on line y tests, que
permitirá evaluar al estudiante.
Gráfico No. 28: Creación Blog.
Elaborado por: Google. Reelaborado por: Autora 2011.
c) Elaboración de una plantilla para el Blog.
1. Una vez creado el blog de una forma rápida en solo tres pasos, instalamos un software llamado
ARTISTEER con la finalidad de elaborar una propia plantilla para luego subir a al blog. Luego
damos un enter en encabezado.
Gráfico No. 29: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Una vez instalado el software, escogemos la opción archivo - nuevo y aceptamos en proyecto
nuevo.
Gráfico No. 30: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Aparece una ventana para saber dónde queremos ubicar la plantilla, en este caso tomamos la
opción de BLOGGER.
Gráfico No. 31: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Después aparecerá esta ventana y escoger, sugerir diseño, para poder poner el diseño requerido.
Gráfico No. 32: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
5. Una vez escogido el diseño aparece marcado en amarillo, la parte que vamos a cambiar.
Gráfico No. 33: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
6. Seguidamente aparecerá la siguiente ventana que nos dice desde donde queremos tomar el diseño
para el fondo del blog, en este caso damos un enter en la opción desde archivo y nos va aparecer
una ventana para saber de dónde queremos subir el diseño y damos un enter en seleccionar y nos
aparece una ventana que nos da a escoger.
Gráfico No. 34: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
7. Aquí aparecerá una serie de herramientas con las cuales podemos utilizar.
Gráfico No. 35: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
8. Para el diseño se ha escogido una fotografía de la Universidad para poder subir a la plantilla.
Gráfico No. 36: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
8. Aparecerá una ventana pequeña y dar un enter en OK.
Gráfico No. 37: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
9. Una vez subida la imagen dar unenter en el botón de la parte superior posición y podemos ajustar
la imagen como más convenga. Luego dar un enter en la mitad de la imagen donde dice Titulo y
aparecerá en la parte superior derecha una opción que permite escribir el nombre del blog y poner
un slogan.
Gráfico No. 38: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
10. Una vez ya insertado el nombre del blog y el slogan, se puede alinear como más convenga.
Gráfico No. 39: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
11. Configurando el alineado pasar a configurar las letras, el tamaño como convenga, en este caso
se ha tomado este formato.
Gráfico No. 40: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
12. También se ha tomado una fotografía para poner en el encabezado, dando un enter en la opción
foto en primer plano, y escoger la opción desde archivo.
Gráfico No. 41: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
13.Una vez escogida la fotografía deseada, podemos configurar en la plantilla según la necesidad.
Gráfico No. 42: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
14. Se puede configurar los botones que están en la parte izquierda, borrando los que están por
defecto, para añadir los que se necesita.
Gráfico No. 43: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
15. También se puede configurar la parte marcada de amarillo con el color adecuado un enter en el
botón de la parte superior fondo y escoger el color apropiado. En este caso debido a una encuesta a
los estudiantes de Francés IV de la PUCESI, se escoge el color negro ya que según los estudiantes
resalta el color con los gadgets de color celeste.
Gráfico No. 44: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
16. Una vez configurado todos los colores, letras, tamaños de las letras que van en la plantilla
archivo dar un enter en archivo exportar opciones de exportar.
Gráfico No. 45: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
17.Aparecerá una ventana en la cual escogeremos la opción de exportación, en este caso Blogger.
Gráfico No. 46: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
18. Escoger la opción no, después dar un enter en ok. Está al pie de página y deshabilitamos la
opción que dice “Incluir enlaces de referencia al CMS y a artisteer”, y dar un enter en ok.
Gráfico No. 47: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
Gráfico No. 48: Plantilla.
Elaborado por: Google. Reelaborado por: Autora 2011.
d) Pasos paracrear una nueva entrada en el blog.
1.Para crear una nueva entrada, entramos al blog y escoger la opción crear una nueva entrada.
Gráfico No. 49: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Se puede redactar el titulo para dar al blog, este título se lo puede cambiar cuantas veces sea
necesario. En esta ocasión subiremos un archivo desde google docs.
Gráfico No. 50: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Abrir la página en google docs y seleccionar el archivo que vamos a subir a nuestro blog.
Seguidamente abrir el documento que debe estar en la opción PDF.
Gráfico No. 51: Herramienta de google.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Seguidamente escoger la opción Archivo y escoger la opción insertar este archivo como pdf.
Gráfico No. 52: Herramienta de google.
Elaborado por: Google. Reelaborado por: Autora 2011.
5. Se abrirá un código el cual lo copiamos y lo pegamos en la opción HTML abriendo la página del
blog, después dar un click en actualizar.
Gráfico No. 53: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
6. Después dar un clicken ver blog, aquí se puede apreciar si ya esta subido el documento que
necesitamos. Además se puede, suprimir, visualizar.
Gráfico No. 54: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
Gráfico No. 55: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
e) Comentarios.
1. Para configurar un comentario entrar al blog desde la opción configuración, se puede configurar
para que sólo puedan comentar los autores del blog, los usuarios registrados (previamente
autorizados por los autores) o cualquier persona.
Gráfico No. 56: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
f) Pasos para crear un chat en el blog.
1. Para crear un chat en el blog creamos una cuenta en cbox, una vez creada la cuenta en este sitio
tenemos acceso para incrementar un chat, en la parte superior esta un botón que dice publish
daremos un clic aquí, se nos aparecerá un código lo cual tenemos que copiar dando un clic en copy
to clipboard, se marcara todo el código y escogemos en la opción permitir acceso , nos saldrá una
nueva ventana y aceptamos esta opción.
Gráfico No. 57: Herramienta de cbox.
Elaborado por: Google. Reelaborado por: Autora 2011.
2.Entramos nuevamente al blog escogemos la opción añadir un gadgety nos pide de donde
queremos añadir, escogemos la opción HTMJ/JAVASRIPT.
Gráfico No. 58: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Aparecerá una ventana donde configuraremos, he puesto la palabra On parle envés de chat,
soltamos el cursor en el cuadro grande y por defecto va aparecer un código y guardamos.
Gráfico No. 59: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Una vez guardada la configuración, aparece la siguiente ventana que esta graficada y guardamos
y damos un clic en ver blog.
Gráfico No. 60: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
5. Aquí se puede mirar que el chat se encuentra en el blog y que está listo para poder empezar a
chatear.
Gráfico No. 61: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
g) Pasos para configurar cada uno de los blogs creados.
1. Una vez creado los 8 blogs, pasar a configurar cada blog, ir al escritorio, dar un clic en ver blog,
después va aparecer una ventana, copiar el URL, aparecerá una ventana, en esta ventana pegar y
aceptar. Este procedimiento hacer con todos los blogs creados.
Gráfico No. 62: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Después dar un clic en probar la interfaz actualizada del blogger.
Gráfico No. 63: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Seguidamente dar un clic en la flechita negra que se encuentra junto a la opción ver blog, nos
aparecerá unas opciones, escoger la opción páginas.
Gráfico No. 64: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Dar un clic en página nueva y aparecerá dos opciones, escoger la opción dirección web.
Gráfico No. 65: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
5. Luego dar un clic en blog de notas que se encuentra en la parte inferior de la pantalla, junto al
software artisteer, después aparece la ventana, copiamos el URL del blog.
Gráfico No. 66: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
6. Pegar el URL donde pide, y escribir el nombre del blog, después damos un click en guardar. Este
proceso vamos hacer en todos los nueve blogs para que aparezca un link para poder navegar por
todos los nueve blogs. Guardar, después guardamos la disposición.
Gráfico No. 67: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
7. Después entrar al blog y se puede ver que esta ya configurado en la plantilla general.
Gráfico No. 68: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
8. Entrar al blog principal francais en line, dar un clic en Inicio-editar porque cambiaremos la
palabra inicio por Gerencia del Aula, aparecerá una ventana donde se escribirá el otro nombre
queremos y damos un clic en aceptar.
Gráfico No. 69: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
h) Subir imágenes al Blog.
1. Para subir fotografías a nuestro blog, se requiere crear una cuenta en ImageShake, una vez creado
la cuenta entrar a la cuenta en este sitio y subir las fotografías que deseadas, dando un click mis
imagines, seleccionar la fotografía y dar un click en cargar ahora. Una vez que la fotografía está ya
en este sitio, abrir el blog.
Gráfico No. 70: Herramienta de bloger.
Elaborado por: Google. Reelaborado por: Autora 2011.
2.Una vez que ya está abierto el blog, escoger la opción donde se quiere que nuestras fotografías
estén alojadas., en este caso el blog se llama ICI PHOTOS, aquí apareceráuna ventana y escoger la
opción entrada, escribir el nombre que se va dar a las fotografías, seguidamente abrir el sitio web
en imageshack.us y escoger las imágenes que pondremos en el blog dando un clic en la parte
superior de los herramientas que tenemos junto a las imágenes share it.
Gráfico No. 71: Herramienta de imageshack.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Una vez compartido las fotografías, aparecerá una ventana y copiar el sitio donde está ubicada la
imagen.
Gráfico No. 72: Herramienta de imageshack.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Abrir el blog desde insertar imagen, desde la opción desde una URL , escoger pegar la URL de
la imagen, y aquí pegar lo que se había copiado en el sitio de imageshack, aparecerá una ventana ya
con le imagen seleccionada, dar un clic en añadir las imágenes seleccionadas, este procedimiento
hacer con todas las fotografías, para que se forme una galería de fotos. Alinear las fotografías como
más convenga, ya alineadas las fotografías dar un clic en actualizar.
Gráfico No. 73: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
i)Subir un video de un sitio a youtube y desde este sitio al blog.
1. Primero crear una cuenta en youtube, una vez creado la cuenta entrar a este sitio, dar un clic en
social-subir video, después aparecerá desde donde queremos subir el video, después dar un clic en
abrir.
Gráfico No. 74: Herramienta de youtube.
Elaborado por: Google.Reelaborado por: Autora 2011.
2. Una vez subido el video a youtube dar un clic en exportar-francaisenline, dar un clic en gestor de
videos.
Gráfico No. 75: Herramienta de youtube.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Aquí en este sitio van a estar almacenados todos los videos que están subidos, abrir el video que
queremos subir al Blog, después dar un clic en compartir-insertar, aparecerá un código el cual lo
copiamos.
Gráfico No. 76: Herramienta de youtube.
Elaborado por: Google. Reelaborado por: Autora 2011.
4. Abrir el Blog Videos-creación de entrada, copiar en la opción html, después dar un clic en
actualizar.
Gráfico No. 77: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
Gráfico No. 78: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
j)Subir archivos desde google-docs.
1. Abrir el internet google.com, dar un clic en docs para poder entrar al sitio donde están alojados
los documentos.
Gráfico No. 79: Herramienta de google.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Seguidamente se abrirá una nueva ventana mostrando los documentos, dar un clic en el
documento que deseamos subir al blog, esperar que se cargue,abrir el blog y desde una nueva
entrada, desde archivo escogerinsertar como PDF copiar el código.
Gráfico No. 80: Herramienta de google.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Abrir el blog gerencia del aula, abrir una nueva entrada, desde la opción HTML, pegar el código
que copiado y dar un clic en actualizar.
Gráfico No. 81: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
k) Cómo subir enlaces al blog.
1.Para agregar o quitar enlaces a la barra de links del blog, primero escoger la opción crear nueva
entrada, después ir al menú de enlaces, desplegarlo y dar un click en Añadir.
Gráfico No. 82: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Una vez en la pantalla de edición de enlaces completar los campos:
a) El nombre de la página que incluiremos en nuestra barra;
b) La dirección URL completa del sitio (por ejemplo: http://campusvirtual.pucesi.edu.ec/portada)
c) Describir la página que estamos enlazando
d) Situaremos al enlace dentro de una categoría (que pondremos crear en la misma pantalla)
e) Crear el link
Gráfico No. 83: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Una vez pegado el URL de la página, dar un click en Publicar, en esta imagen se puede apreciar
que ya está el enlace en el blog.
Gráfico No. 84: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
1. Para eliminar los links dar un click en Editar en el menú de enlaces.
Gráfico No. 85: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
5. Para eliminar dar un click en suprimir, seguidamente saldrá una ventana en la que dice si
queremos eliminar la entrada, dar un enter en aceptar.
Gráfico No. 86: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
k) Configuración del blog
1. Si quiere administrar el blog debemos identificarnos usando la dirección de correo electrónico y
contraseña que utilizamos en el proceso para crear un blog. Podremos añadir entradas, comentarios,
editar los contenidos, mejorar la configuración, etc.
Gráfico No. 87: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
2. Se puede configurar el blog dando un enter en la palabra editar, en este casose configurará el
titulo, porque está en español.
Gráfico No. 88: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.
3. Después de cambiar el título y dar un enter en guardar cambios. con este procedimiento se podrá
configurarel blog.
Gráfico No. 89: Herramienta de blogger.
Elaborado por: Google. Reelaborado por: Autora 2011.

Más contenido relacionado

PDF
Manual de power point
PPTX
Exposicion de informatica tercer parcial
PDF
Manual prezi 2013
PPTX
Tarea 1 exposicion de informatica tercer parcial
PPTX
todo sobre power point
PPTX
Como hacer un blog
DOC
Act2 hipervinculos g9_3_p
PDF
Ofimaticaguiapowerpoint
Manual de power point
Exposicion de informatica tercer parcial
Manual prezi 2013
Tarea 1 exposicion de informatica tercer parcial
todo sobre power point
Como hacer un blog
Act2 hipervinculos g9_3_p
Ofimaticaguiapowerpoint

La actualidad más candente (9)

DOCX
Manual prezi cdj
PDF
Manual de Prezi
PPTX
Como elaborar-mapas-concpetuales
PPTX
Power point 2007 centeno jimenez donovan
PDF
Manual básico prezi
PPTX
Power Point blog
PDF
Tutorial power point
PPTX
Tutorial power point
PDF
Tutorial blogger (2014)
Manual prezi cdj
Manual de Prezi
Como elaborar-mapas-concpetuales
Power point 2007 centeno jimenez donovan
Manual básico prezi
Power Point blog
Tutorial power point
Tutorial power point
Tutorial blogger (2014)
Publicidad

Similar a Tutorial para crear un blog (20)

PDF
Proyecto de ambiente de aprendizaje
PPTX
Pasos a seguir para la elaboración de un blog
PDF
Tutorial blogger.
ODP
Power point creacion de blogs
PPTX
Como hacer un blog (1)
ODP
Cómo crear un Blog (..)
PPTX
Como hacer un blog (1)
DOCX
INFORME TIC PATRICIA MARTINEZ.
PDF
Tutorial para blogger by create vicente de la rosa lópez
PPTX
Como crear un blog
PPTX
Cómo hacer un blog
ODP
Creacion de blogs (S)
PDF
Informe blog
PPTX
Power Point blog
PDF
Como crear-blog-26118-completo
PPTX
Power Point blog
PPTX
Power Point blog
PPTX
Pasos a seguir para la elaboración de un
PPTX
1ºparte como crear un plog
PPTX
Como hacer un blog
Proyecto de ambiente de aprendizaje
Pasos a seguir para la elaboración de un blog
Tutorial blogger.
Power point creacion de blogs
Como hacer un blog (1)
Cómo crear un Blog (..)
Como hacer un blog (1)
INFORME TIC PATRICIA MARTINEZ.
Tutorial para blogger by create vicente de la rosa lópez
Como crear un blog
Cómo hacer un blog
Creacion de blogs (S)
Informe blog
Power Point blog
Como crear-blog-26118-completo
Power Point blog
Power Point blog
Pasos a seguir para la elaboración de un
1ºparte como crear un plog
Como hacer un blog
Publicidad

Último (20)

PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Metodologías Activas con herramientas IAG
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Tomo 1 de biologia gratis ultra plusenmas
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
DI, TEA, TDAH.pdf guía se secuencias didacticas
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Metodologías Activas con herramientas IAG
2 GRADO UNIDAD 5 - 2025.docx para primaria
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Fundamentos_Educacion_a_Distancia_ABC.pdf
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
V UNIDAD - PRIMER GRADO. del mes de agosto
Doctrina 1 Soteriologuia y sus diferente
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Escuelas Desarmando una mirada subjetiva a la educación
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
ciencias-1.pdf libro cuarto basico niños
TOMO II - LITERATURA.pd plusenmas ultras
Tomo 1 de biologia gratis ultra plusenmas
V UNIDAD - SEGUNDO GRADO. del mes de agosto

Tutorial para crear un blog

  • 1. PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE IBARRA “PUCESI” TUTORIAL PARA LA CREACIÓN DE UN BLOG AUTORA: Licenciada Sandra Esmeraldas Ayala Trujillo.(DOCENTE DE LA PUCESI) IBARRA, AGOSTO-2014
  • 2. a) Creación de cuenta de gmail 1.Entrar al internet www.google .com, seguidamente aparecerá una opción en la parte superior de la pantalla, damos un enter en gmail, se abrirá una ventana donde escogemos la opción crear una cuenta nueva. Gráfico No. 25: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Seguidamente aparecerá una ventana, donde completaremos toda la información requerida, escribiremos el código y damos un click en siguiente paso.
  • 3. Gráfico No. 26: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Una vez llenado la información, empezaremos a editar el perfil, daremos un click en siguiente paso y listo se ha creado la cuenta. Gráfico No. 27: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 4. b ) Creación del blog. Un blog podemos crear en 3 pasos: 1.Tener una cuenta en google 2.Asignar un nombre al blog 3.Elegir una plantilla y empezamos a publicar. En este blog se creará 8 blogs, en una sola plantilla con la finalidad de tener una mejor organización en las clases y que exixta un aprendisaje significativo, ya que los estudiantes aprenderán de sus vivencias, el blog está organizado de la suiente forma: Gerencia del Aula, Francais I, Francais II, Francais III, Francais IV, Videos, Fotos; dentro de cada blog hay actividades on line y tests, que permitirá evaluar al estudiante. Gráfico No. 28: Creación Blog. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 5. c) Elaboración de una plantilla para el Blog. 1. Una vez creado el blog de una forma rápida en solo tres pasos, instalamos un software llamado ARTISTEER con la finalidad de elaborar una propia plantilla para luego subir a al blog. Luego damos un enter en encabezado. Gráfico No. 29: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Una vez instalado el software, escogemos la opción archivo - nuevo y aceptamos en proyecto nuevo.
  • 6. Gráfico No. 30: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Aparece una ventana para saber dónde queremos ubicar la plantilla, en este caso tomamos la opción de BLOGGER. Gráfico No. 31: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Después aparecerá esta ventana y escoger, sugerir diseño, para poder poner el diseño requerido.
  • 7. Gráfico No. 32: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 5. Una vez escogido el diseño aparece marcado en amarillo, la parte que vamos a cambiar. Gráfico No. 33: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 6. Seguidamente aparecerá la siguiente ventana que nos dice desde donde queremos tomar el diseño para el fondo del blog, en este caso damos un enter en la opción desde archivo y nos va aparecer
  • 8. una ventana para saber de dónde queremos subir el diseño y damos un enter en seleccionar y nos aparece una ventana que nos da a escoger. Gráfico No. 34: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 7. Aquí aparecerá una serie de herramientas con las cuales podemos utilizar.
  • 9. Gráfico No. 35: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 8. Para el diseño se ha escogido una fotografía de la Universidad para poder subir a la plantilla. Gráfico No. 36: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 8. Aparecerá una ventana pequeña y dar un enter en OK.
  • 10. Gráfico No. 37: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 9. Una vez subida la imagen dar unenter en el botón de la parte superior posición y podemos ajustar la imagen como más convenga. Luego dar un enter en la mitad de la imagen donde dice Titulo y aparecerá en la parte superior derecha una opción que permite escribir el nombre del blog y poner un slogan. Gráfico No. 38: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 11. 10. Una vez ya insertado el nombre del blog y el slogan, se puede alinear como más convenga. Gráfico No. 39: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 11. Configurando el alineado pasar a configurar las letras, el tamaño como convenga, en este caso se ha tomado este formato. Gráfico No. 40: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 12. 12. También se ha tomado una fotografía para poner en el encabezado, dando un enter en la opción foto en primer plano, y escoger la opción desde archivo. Gráfico No. 41: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 13.Una vez escogida la fotografía deseada, podemos configurar en la plantilla según la necesidad. Gráfico No. 42: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 13. 14. Se puede configurar los botones que están en la parte izquierda, borrando los que están por defecto, para añadir los que se necesita. Gráfico No. 43: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 15. También se puede configurar la parte marcada de amarillo con el color adecuado un enter en el botón de la parte superior fondo y escoger el color apropiado. En este caso debido a una encuesta a los estudiantes de Francés IV de la PUCESI, se escoge el color negro ya que según los estudiantes resalta el color con los gadgets de color celeste.
  • 14. Gráfico No. 44: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 16. Una vez configurado todos los colores, letras, tamaños de las letras que van en la plantilla archivo dar un enter en archivo exportar opciones de exportar. Gráfico No. 45: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 17.Aparecerá una ventana en la cual escogeremos la opción de exportación, en este caso Blogger.
  • 15. Gráfico No. 46: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. 18. Escoger la opción no, después dar un enter en ok. Está al pie de página y deshabilitamos la opción que dice “Incluir enlaces de referencia al CMS y a artisteer”, y dar un enter en ok. Gráfico No. 47: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 16. Gráfico No. 48: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011. d) Pasos paracrear una nueva entrada en el blog. 1.Para crear una nueva entrada, entramos al blog y escoger la opción crear una nueva entrada.
  • 17. Gráfico No. 49: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Se puede redactar el titulo para dar al blog, este título se lo puede cambiar cuantas veces sea necesario. En esta ocasión subiremos un archivo desde google docs. Gráfico No. 50: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Abrir la página en google docs y seleccionar el archivo que vamos a subir a nuestro blog. Seguidamente abrir el documento que debe estar en la opción PDF.
  • 18. Gráfico No. 51: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Seguidamente escoger la opción Archivo y escoger la opción insertar este archivo como pdf. Gráfico No. 52: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011. 5. Se abrirá un código el cual lo copiamos y lo pegamos en la opción HTML abriendo la página del blog, después dar un click en actualizar.
  • 19. Gráfico No. 53: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 6. Después dar un clicken ver blog, aquí se puede apreciar si ya esta subido el documento que necesitamos. Además se puede, suprimir, visualizar. Gráfico No. 54: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 20. Gráfico No. 55: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. e) Comentarios. 1. Para configurar un comentario entrar al blog desde la opción configuración, se puede configurar para que sólo puedan comentar los autores del blog, los usuarios registrados (previamente autorizados por los autores) o cualquier persona. Gráfico No. 56: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. f) Pasos para crear un chat en el blog.
  • 21. 1. Para crear un chat en el blog creamos una cuenta en cbox, una vez creada la cuenta en este sitio tenemos acceso para incrementar un chat, en la parte superior esta un botón que dice publish daremos un clic aquí, se nos aparecerá un código lo cual tenemos que copiar dando un clic en copy to clipboard, se marcara todo el código y escogemos en la opción permitir acceso , nos saldrá una nueva ventana y aceptamos esta opción. Gráfico No. 57: Herramienta de cbox. Elaborado por: Google. Reelaborado por: Autora 2011. 2.Entramos nuevamente al blog escogemos la opción añadir un gadgety nos pide de donde queremos añadir, escogemos la opción HTMJ/JAVASRIPT. Gráfico No. 58: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 22. 3. Aparecerá una ventana donde configuraremos, he puesto la palabra On parle envés de chat, soltamos el cursor en el cuadro grande y por defecto va aparecer un código y guardamos. Gráfico No. 59: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Una vez guardada la configuración, aparece la siguiente ventana que esta graficada y guardamos y damos un clic en ver blog. Gráfico No. 60: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 23. 5. Aquí se puede mirar que el chat se encuentra en el blog y que está listo para poder empezar a chatear. Gráfico No. 61: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. g) Pasos para configurar cada uno de los blogs creados. 1. Una vez creado los 8 blogs, pasar a configurar cada blog, ir al escritorio, dar un clic en ver blog, después va aparecer una ventana, copiar el URL, aparecerá una ventana, en esta ventana pegar y aceptar. Este procedimiento hacer con todos los blogs creados.
  • 24. Gráfico No. 62: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Después dar un clic en probar la interfaz actualizada del blogger. Gráfico No. 63: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Seguidamente dar un clic en la flechita negra que se encuentra junto a la opción ver blog, nos aparecerá unas opciones, escoger la opción páginas.
  • 25. Gráfico No. 64: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Dar un clic en página nueva y aparecerá dos opciones, escoger la opción dirección web. Gráfico No. 65: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 26. 5. Luego dar un clic en blog de notas que se encuentra en la parte inferior de la pantalla, junto al software artisteer, después aparece la ventana, copiamos el URL del blog. Gráfico No. 66: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 6. Pegar el URL donde pide, y escribir el nombre del blog, después damos un click en guardar. Este proceso vamos hacer en todos los nueve blogs para que aparezca un link para poder navegar por todos los nueve blogs. Guardar, después guardamos la disposición. Gráfico No. 67: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 27. 7. Después entrar al blog y se puede ver que esta ya configurado en la plantilla general. Gráfico No. 68: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 8. Entrar al blog principal francais en line, dar un clic en Inicio-editar porque cambiaremos la palabra inicio por Gerencia del Aula, aparecerá una ventana donde se escribirá el otro nombre queremos y damos un clic en aceptar. Gráfico No. 69: Herramienta de bloger.
  • 28. Elaborado por: Google. Reelaborado por: Autora 2011. h) Subir imágenes al Blog. 1. Para subir fotografías a nuestro blog, se requiere crear una cuenta en ImageShake, una vez creado la cuenta entrar a la cuenta en este sitio y subir las fotografías que deseadas, dando un click mis imagines, seleccionar la fotografía y dar un click en cargar ahora. Una vez que la fotografía está ya en este sitio, abrir el blog. Gráfico No. 70: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011. 2.Una vez que ya está abierto el blog, escoger la opción donde se quiere que nuestras fotografías estén alojadas., en este caso el blog se llama ICI PHOTOS, aquí apareceráuna ventana y escoger la opción entrada, escribir el nombre que se va dar a las fotografías, seguidamente abrir el sitio web en imageshack.us y escoger las imágenes que pondremos en el blog dando un clic en la parte superior de los herramientas que tenemos junto a las imágenes share it.
  • 29. Gráfico No. 71: Herramienta de imageshack. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Una vez compartido las fotografías, aparecerá una ventana y copiar el sitio donde está ubicada la imagen. Gráfico No. 72: Herramienta de imageshack. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Abrir el blog desde insertar imagen, desde la opción desde una URL , escoger pegar la URL de la imagen, y aquí pegar lo que se había copiado en el sitio de imageshack, aparecerá una ventana ya con le imagen seleccionada, dar un clic en añadir las imágenes seleccionadas, este procedimiento
  • 30. hacer con todas las fotografías, para que se forme una galería de fotos. Alinear las fotografías como más convenga, ya alineadas las fotografías dar un clic en actualizar. Gráfico No. 73: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. i)Subir un video de un sitio a youtube y desde este sitio al blog. 1. Primero crear una cuenta en youtube, una vez creado la cuenta entrar a este sitio, dar un clic en social-subir video, después aparecerá desde donde queremos subir el video, después dar un clic en abrir. Gráfico No. 74: Herramienta de youtube. Elaborado por: Google.Reelaborado por: Autora 2011.
  • 31. 2. Una vez subido el video a youtube dar un clic en exportar-francaisenline, dar un clic en gestor de videos. Gráfico No. 75: Herramienta de youtube. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Aquí en este sitio van a estar almacenados todos los videos que están subidos, abrir el video que queremos subir al Blog, después dar un clic en compartir-insertar, aparecerá un código el cual lo copiamos. Gráfico No. 76: Herramienta de youtube.
  • 32. Elaborado por: Google. Reelaborado por: Autora 2011. 4. Abrir el Blog Videos-creación de entrada, copiar en la opción html, después dar un clic en actualizar. Gráfico No. 77: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. Gráfico No. 78: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 33. j)Subir archivos desde google-docs. 1. Abrir el internet google.com, dar un clic en docs para poder entrar al sitio donde están alojados los documentos. Gráfico No. 79: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Seguidamente se abrirá una nueva ventana mostrando los documentos, dar un clic en el documento que deseamos subir al blog, esperar que se cargue,abrir el blog y desde una nueva entrada, desde archivo escogerinsertar como PDF copiar el código.
  • 34. Gráfico No. 80: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Abrir el blog gerencia del aula, abrir una nueva entrada, desde la opción HTML, pegar el código que copiado y dar un clic en actualizar. Gráfico No. 81: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. k) Cómo subir enlaces al blog. 1.Para agregar o quitar enlaces a la barra de links del blog, primero escoger la opción crear nueva entrada, después ir al menú de enlaces, desplegarlo y dar un click en Añadir.
  • 35. Gráfico No. 82: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Una vez en la pantalla de edición de enlaces completar los campos: a) El nombre de la página que incluiremos en nuestra barra; b) La dirección URL completa del sitio (por ejemplo: http://campusvirtual.pucesi.edu.ec/portada) c) Describir la página que estamos enlazando d) Situaremos al enlace dentro de una categoría (que pondremos crear en la misma pantalla) e) Crear el link
  • 36. Gráfico No. 83: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Una vez pegado el URL de la página, dar un click en Publicar, en esta imagen se puede apreciar que ya está el enlace en el blog. Gráfico No. 84: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 37. 1. Para eliminar los links dar un click en Editar en el menú de enlaces. Gráfico No. 85: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. 5. Para eliminar dar un click en suprimir, seguidamente saldrá una ventana en la que dice si queremos eliminar la entrada, dar un enter en aceptar. Gráfico No. 86: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.
  • 38. k) Configuración del blog 1. Si quiere administrar el blog debemos identificarnos usando la dirección de correo electrónico y contraseña que utilizamos en el proceso para crear un blog. Podremos añadir entradas, comentarios, editar los contenidos, mejorar la configuración, etc. Gráfico No. 87: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011. 2. Se puede configurar el blog dando un enter en la palabra editar, en este casose configurará el titulo, porque está en español. Gráfico No. 88: Herramienta de blogger.
  • 39. Elaborado por: Google. Reelaborado por: Autora 2011. 3. Después de cambiar el título y dar un enter en guardar cambios. con este procedimiento se podrá configurarel blog. Gráfico No. 89: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.