1. guia blogger

66
GUÍA PARA CREAR UN BLOG

Transcript of 1. guia blogger

Page 1: 1. guia blogger

GUÍA PARA CREAR UN BLOG

Page 2: 1. guia blogger

Los pasos que se detallan deberán realizarse cada vez que deseemos trabajar en nuestro blog

Page 3: 1. guia blogger

1. Iniciar sesión en google2. Dar clic en el botón que nos permite realizar esta acción

Page 4: 1. guia blogger

3. Nos aparecerá una ventana, en ella:- Colocaremos nuestro correo de gmail- Seguido de la contraseña

Page 5: 1. guia blogger

Para confirmar que hemos iniciado sesión de forma correcta observaremos en la parte superior derecha, allí deberá aparecer nuestro nombre y nuestra foto (si la subimos al momento de crear su cuenta de gmail)

Page 6: 1. guia blogger

4. Clic en Más (More)5. Clic en Blogger

Page 7: 1. guia blogger

6. Blogger nos despliega la lista de los blogs que hemos creado.

En esta área se muestra la lista de los blog que se hayan creado.

Page 8: 1. guia blogger

7. Al lado del título de cada blog nos aparecerán tres opciones.

El orden de la lista va del más reciente al más antiguo, ya sea de creación o de modificación.

Page 9: 1. guia blogger

Estas opciones se repiten para cada uno de los blogs que hayamos creado.

Permite redactar una nueva entrada o publicación

Se podrá editar el aspecto, diseño, autores del blog, entre otros.

Permite visualizar el blog.

Page 10: 1. guia blogger

8. En el botón “Nuevo blog” o “New blog” podremos crear futuros blog

Page 11: 1. guia blogger

Al dar en “Nuevo blog” nos parecerá esta ventana.

Page 12: 1. guia blogger

9. Colocaremos el título de nuestro blog, lo más relacionado al tema que será tratado.

Page 13: 1. guia blogger

10. Colocaremos la dirección para el blog. Recomendación colocar una dirección relacionada al tema, en minúsculas, sin espacios, sin eñes (ñ).

Page 14: 1. guia blogger

Al momento de escribir nuestra dirección puede que se nos presente el signo de admiración en un recuadro amarillo.

Esto significa que la dirección que hemos colocado no es valida, por lo que deberemos de probar con otra.

Page 15: 1. guia blogger

Una vez cambiado o agregado letras a la dirección el símbolo será reemplazado por un cuadro azul con un gancho blanco.

11. Pasaremos a seleccionar una de las plantillas que blogger nos ofrece.

12. Seguido daremos clic en “Crear blog”

Page 16: 1. guia blogger

Una vez creado el blog nos aparecerá en el encabezado de la lista junto al mensaje “Se ha creado tu blog. Empezar a publicar – Ignorar”.

Page 17: 1. guia blogger

13. Pasaremos a modificar un poco el aspecto de nuestro blog.- Clic en la segunda opción- Del menú que se despliega dar clic en “Diseño”

Page 18: 1. guia blogger

14. En el diseño lo primero que haremos es colocar una breve descripción del blog.Para esto damos clic en “Editar”

Page 19: 1. guia blogger

En la ventana que aparecerá, nos ubicaremos en la sección “Descripción del blog”, redactaremos brevemente en que consiste el blog.

Page 20: 1. guia blogger

Luego de escribir la “Descripción del blog”, presionaremos en el botón “Guardar”.

Page 21: 1. guia blogger

15. Otros de los cambios que haremos en el diseño del blog es el agregar un avatar.Un avatar es considerado como un gadget.Si observamos tenemos varias áreas que indican que se pueden agregar gadgets.

Page 22: 1. guia blogger

A pesar de que son varias las áreas trabajaremos con el ubicado en la parte media a mano derecha.

Page 23: 1. guia blogger

Al dar clic en “añadir un gadget” aparecerá una venta, en ella buscaremos la opción HTML/Javascript.

Page 24: 1. guia blogger

Al dar clic en “añadir un gadget” aparecerá una venta, en ella buscaremos la opción HTML/Javascript.

Page 25: 1. guia blogger

En la ventana colocaremos un “Título” y en el área de “Contenido” pegaremos el código que guardamos luego de haber creado el avatar en www.voki.com

Daremos un nombre al avatar o colocamos un título relacionado con el contenido del blog.

Aquí pegamos el código del voki que habíamos generado previamente.

Page 26: 1. guia blogger

Una vez que asignamos el título y pegado el código daremos clic en el botón de “Guardar”

Colocar aquí.

Pegar código aquí.

Page 27: 1. guia blogger

Podemos confirmar que hemos realizado de forma correcta observando a mano derecha si aparece el titulo que le asigno al avatar. En este caso se llamo “Mascota”

Page 28: 1. guia blogger

Ahora podemos pasar a cambiar la imagen del fondo de nuestro blog dando clic en la opción “Plantilla”

Page 29: 1. guia blogger

Al dar clic en “Plantilla” se presenta una visión de como se esta viendo el blog hasta el momento.Tendremos la versión para computadora y para móvil.Nosotros modificaremos la opción de la mano izquierda.

Page 30: 1. guia blogger

Daremos clic en la opción de la mano izquierda, en el botón de “Personalizar”.

Page 31: 1. guia blogger

En esta pantalla seleccionaremos la opción “Fondo”.

Page 32: 1. guia blogger

En la ventana que está debajo de “Imagen de fondo” daremos clic en la punta de flecha.

Page 33: 1. guia blogger

En la ventana que les aparece tendrán a mano izquierda 19 categorías de imágenes que pueden colocar como fondo. De cada categoría habrán varias opciones, una vez seleccionada la de su agrado dará clic en el botón “Listo”

Page 34: 1. guia blogger

La imagen seleccionado se verá en miniatura a mano izquierda y en la parte inferior tenemos una vista previa de como quedará el fondo con la nueva imagen seleccionada.

Page 35: 1. guia blogger

Verificado el fondo daremos clic en el botón superior derecho que dice “Aplicar al blog”.

Page 36: 1. guia blogger

Después de dar clic en “Aplicar al blog”, el botón aparecerá como en sombra gris. Ahora regresaremos a blogger en la opción “Volver a blogger”.

Page 37: 1. guia blogger

Regresamos a esta pantalla. Estando aquí podemos comenzar a redactar nuevas entradas en el botón identificado con un lápiz.

Page 38: 1. guia blogger

En esta área es donde trabajaremos los artículos, ingresaremos los códigos de los videos de youtube y los códigos de las presentaciones que hemos subido a slideshare. Veamos cada sector.

Page 39: 1. guia blogger

Estas opciones las utilizaremos para insertar el código (HTML) o simplemente para redactar una nueva entrada.

Page 40: 1. guia blogger

Una vez que hayamos iniciado con la redacción los botones de “Deshacer” y “Rehacer” se habilitarán.

Page 41: 1. guia blogger

En este sector podremos cambiar el tipo de letra (F), el tamaño de la fuente (T) y el estilo (Normal).

Page 42: 1. guia blogger

En este sector podremos cambiar el tipo de letra (F), el tamaño de la fuente (T) y el estilo (Normal).

Page 43: 1. guia blogger

Los botones que están en el recuadro permitirán cambiar el color de la fuente y un color para utilizar como resaltador de palabras .

Page 44: 1. guia blogger

En este sector de la pantalla encontramos las opciones de multimedia:- Colocar un enlace a una página web.- Insertar una imagen o fotografía.- Insertar un video.- Quitar un enlace.

Page 45: 1. guia blogger

Las opciones relacionadas con la presentación del texto se encuentran en el último bloque:- Alineación del texto (justificado, centrado, a la izquierda, a la derecha).- Viñetas con números.- Viñetas con símbolos.- Comillas.- Quitar formato al texto.- Verificar la ortografía.

Page 46: 1. guia blogger

El texto de ejemplo esta configurada de la siguiente forma:- Titulo: en azul, tipo de fuente Courier, tamaño

normal.- Párrafo: justificado.

Page 47: 1. guia blogger

Agregaremos una imagen para acompañar el texto. Esto lo podemos hacer de dos formas:- Pegando una imagen (Copiar y pegar)- Insertando una imagen.

Page 48: 1. guia blogger

Al dar clic en el botón para insertar una imagen aparecerá una ventana como la observada a mano derecha, en ella daremos clic en “Elegir archivos”

Page 49: 1. guia blogger

Después de darle clic a “Elegir archivos” aparecerá una ventana que nos permitirá ubicar en el computador o memoria la imagen que deseamos insertar.

Después de seleccionarla, seleccionamos “Abrir”

Page 50: 1. guia blogger

Al dar “Abrir” visualizaremos el previo de la imagen. Seguido daremos clic en “Añadir las imágenes seleccionadas”

Page 51: 1. guia blogger

Después de “Añadir las imágenes seleccionadas” regresaremos al área de trabajo y observaremos la imagen dentro de “documento”.

Page 52: 1. guia blogger

Para que se pueda ver el articulo redactado sobre las mascotas debemos dar clic en “Publicar”.

Page 53: 1. guia blogger

Después de publicar nos vamos a la sección de “Entradas” que esta de color naranja a mano izquierda de la pantalla.En el centro de la pantalla en color azul tendremos la lista de todas las entradas que se publiquen en el blog.Si deseamos ver como esta quedando nuestro blog daremos clic en el botón superior que dice “Ver blog”

Page 54: 1. guia blogger

De esta forma va quedando el blog. En su caso dependerá del fondo que haya colocado.

Page 55: 1. guia blogger

Si al publicarlo se percata que puede mejorar una idea o debe corregir o agregar algo en su entrada puede editarlo dando clic en la parte inferior en el icono del lápiz.

Page 56: 1. guia blogger

Cuando dimos clic en el lápiz automáticamente regresaremos al área de edición de texto.

Finalizado el trabajo de edición daremos clic en el botón “Actualizar”

Page 57: 1. guia blogger

Luego de actualizar regresaremos a esta ventana, si queremos ver nuevamente el blog damos clic en el botón “Ver blog”.

Page 58: 1. guia blogger

Ahora veremos cual es el proceso para insertar en una entrada el código de un video de youtube o el código de slideshare.Daremos clic en el botón identificado con el lápiz

Page 59: 1. guia blogger

Cuando vamos a trabajar en una nueva entrada de forma predefinida se ubica en el área de redactar, pero cuando insertamos códigos HTML (generados en otra página) como las de Voki o Slideshare debemos cambiar a la opción de HTML

Page 60: 1. guia blogger

Cuando vamos a trabajar en una nueva entrada de forma predefinida se ubica en el área de redactar, pero cuando insertamos códigos HTML (generados en otra página) como las de Voki o Slideshare debemos cambiar a la opción de HTML

Page 61: 1. guia blogger

Estando en la sección de HTML pegaremos el código del video de youtube o el código de slideshare.Luego daremos clic en la opción de Redactar nuevamente.

Page 62: 1. guia blogger

Al dar clic en “Redactar” se nos presentará un recuadro negro. Acto seguido daremos clic en “Publicar”

Page 63: 1. guia blogger

Luego de publicar nos parecerá la lista de las entradas que hemos publicado. Recuerde que la primera entrada es la más reciente.

Page 64: 1. guia blogger

Damos clic en el botón “Ver blog” para observar como esta quedando nuestro trabajo.

Page 65: 1. guia blogger
Page 66: 1. guia blogger

Recuerden:

Un blog es un espacio para el debate, que crea un ambiente

de comunicación interna y externa. Estos intercambios de

opiniones pueden convertirse en verdaderas reuniones

virtuales asíncronas para tratar temas dados en el aula.

El blog potencia compartir conocimiento, y la colaboración

con personas afines.

Se puede convertir en un valioso repositorio de ideas y

referencias interesantes para el futuro.