1. guia blogger
TRANSCRIPT
![Page 1: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/1.jpg)
GUÍA PARA CREAR UN BLOG
![Page 2: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/2.jpg)
Los pasos que se detallan deberán realizarse cada vez que deseemos trabajar en nuestro blog
![Page 3: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/3.jpg)
1. Iniciar sesión en google2. Dar clic en el botón que nos permite realizar esta acción
![Page 4: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/4.jpg)
3. Nos aparecerá una ventana, en ella:- Colocaremos nuestro correo de gmail- Seguido de la contraseña
![Page 5: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/5.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/6.jpg)
4. Clic en Más (More)5. Clic en Blogger
![Page 7: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/7.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/8.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/9.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/10.jpg)
8. En el botón “Nuevo blog” o “New blog” podremos crear futuros blog
![Page 11: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/11.jpg)
Al dar en “Nuevo blog” nos parecerá esta ventana.
![Page 12: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/12.jpg)
9. Colocaremos el título de nuestro blog, lo más relacionado al tema que será tratado.
![Page 13: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/13.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/14.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/15.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/16.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/17.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/18.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/19.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/20.jpg)
Luego de escribir la “Descripción del blog”, presionaremos en el botón “Guardar”.
![Page 21: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/21.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/22.jpg)
A pesar de que son varias las áreas trabajaremos con el ubicado en la parte media a mano derecha.
![Page 23: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/23.jpg)
Al dar clic en “añadir un gadget” aparecerá una venta, en ella buscaremos la opción HTML/Javascript.
![Page 24: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/24.jpg)
Al dar clic en “añadir un gadget” aparecerá una venta, en ella buscaremos la opción HTML/Javascript.
![Page 25: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/25.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/26.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/27.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/28.jpg)
Ahora podemos pasar a cambiar la imagen del fondo de nuestro blog dando clic en la opción “Plantilla”
![Page 29: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/29.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/30.jpg)
Daremos clic en la opción de la mano izquierda, en el botón de “Personalizar”.
![Page 31: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/31.jpg)
En esta pantalla seleccionaremos la opción “Fondo”.
![Page 32: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/32.jpg)
En la ventana que está debajo de “Imagen de fondo” daremos clic en la punta de flecha.
![Page 33: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/33.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/34.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/35.jpg)
Verificado el fondo daremos clic en el botón superior derecho que dice “Aplicar al blog”.
![Page 36: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/36.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/37.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/38.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/39.jpg)
Estas opciones las utilizaremos para insertar el código (HTML) o simplemente para redactar una nueva entrada.
![Page 40: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/40.jpg)
Una vez que hayamos iniciado con la redacción los botones de “Deshacer” y “Rehacer” se habilitarán.
![Page 41: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/41.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/42.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/43.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/44.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/45.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/46.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/47.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/48.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/49.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/50.jpg)
Al dar “Abrir” visualizaremos el previo de la imagen. Seguido daremos clic en “Añadir las imágenes seleccionadas”
![Page 51: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/51.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/52.jpg)
Para que se pueda ver el articulo redactado sobre las mascotas debemos dar clic en “Publicar”.
![Page 53: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/53.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/54.jpg)
De esta forma va quedando el blog. En su caso dependerá del fondo que haya colocado.
![Page 55: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/55.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/56.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/57.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/58.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/59.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/60.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/61.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/62.jpg)
Al dar clic en “Redactar” se nos presentará un recuadro negro. Acto seguido daremos clic en “Publicar”
![Page 63: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/63.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/64.jpg)
Damos clic en el botón “Ver blog” para observar como esta quedando nuestro trabajo.
![Page 65: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/65.jpg)
![Page 66: 1. guia blogger](https://reader037.vdocuments.site/reader037/viewer/2022102815/5564c3c6d8b42a7e178b532d/html5/thumbnails/66.jpg)
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.