70
Manual de Blogger Ing. Martha Romero Castro Uniandes – Sto. Domingo

Manual de blogger

Embed Size (px)

DESCRIPTION

Blogger 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.

Citation preview

Page 1: Manual de blogger

Manual de Blogger

Ing. Martha Romero CastroUniandes – Sto. Domingo

Page 2: Manual de blogger

Escribimos el nombre de usuario y contraseña, y pulsamos en

“acceder”.

Escribimos el nombre de usuario y contraseña, y pulsamos en

“acceder”.

OPCIÓN 1: A TRAVÉS DE LA WEB DE BLOGGEROPCIÓN 1: A TRAVÉS DE LA WEB DE BLOGGER

Page 3: Manual de blogger

1. Introducimos la dirección web de nuestro blog en el navegador de

Internet.

1. Introducimos la dirección web de nuestro blog en el navegador de

Internet.

2. Pulsamos en “Acceder”, llegando a la web de inicio de Blogger, donde

entraremos con el nombre de usuario y contraseña.

2. Pulsamos en “Acceder”, llegando a la web de inicio de Blogger, donde

entraremos con el nombre de usuario y contraseña.

OPCIÓN 2: A TRAVÉS DE NUESTRO PROPIO BLOGOPCIÓN 2: A TRAVÉS DE NUESTRO PROPIO BLOG

Page 4: Manual de blogger

1. Aquí se puede configurar el

perfil, es decir, nuestros datos

personales.

1. Aquí se puede configurar el

perfil, es decir, nuestros datos

personales.

2. Aquí nos muestra los blogs que tenemos.

Podemos tener varios blogs bajo la misma

cuenta.

2. Aquí nos muestra los blogs que tenemos.

Podemos tener varios blogs bajo la misma

cuenta.

3. Pulsamos en “diseño” para comenzar a diseñar

el blog.

3. Pulsamos en “diseño” para comenzar a diseñar

el blog.

De cualquiera de las dos maneras anteriores llegamos a esta pantalla, que es el escritorio del blog.

De cualquiera de las dos maneras anteriores llegamos a esta pantalla, que es el escritorio del blog.

Page 5: Manual de blogger

1. Barra de navegación.1. Barra de navegación.

Aquí podemos ver y configurar “el esqueleto” de nuestro blog. Veámos de qué partes principales se compone:

Aquí podemos ver y configurar “el esqueleto” de nuestro blog. Veámos de qué partes principales se compone:

2. Encabezado.2. Encabezado.3. Columna central de las entradas del blog.

3. Columna central de las entradas del blog.

4. Columna auxiliar o de extras, donde podremos

insertar imágenes, textos, calendarios,

relojes, enlaces, juegos, y cientos de utilidades.

4. Columna auxiliar o de extras, donde podremos

insertar imágenes, textos, calendarios,

relojes, enlaces, juegos, y cientos de utilidades.

Page 6: Manual de blogger

Pinchando en “Fuentes y colores” accedemos a los

controles de color y tipo de letra de las distintas partes del

blog.

Pinchando en “Fuentes y colores” accedemos a los

controles de color y tipo de letra de las distintas partes del

blog.

Page 7: Manual de blogger

Si pinchamos en “seleccionar plantilla

nueva” podemos cambiar la plantilla del

blog.

Si pinchamos en “seleccionar plantilla

nueva” podemos cambiar la plantilla del

blog.

Page 8: Manual de blogger

1. Pinchamos en “Configuración” para ver

las opciones que nos brinda esta pestaña.

1. Pinchamos en “Configuración” para ver

las opciones que nos brinda esta pestaña.

2. En la opción de “Básico” se puede

importar/exportar el blog, suprimirlo, cambiarle el

título, etc.

2. En la opción de “Básico” se puede

importar/exportar el blog, suprimirlo, cambiarle el

título, etc.

Page 9: Manual de blogger

En la opción de “Publicación” se puede cambiar la dirección de nuestro blog, siempre y cuando esté disponible.

En la opción de “Publicación” se puede cambiar la dirección de nuestro blog, siempre y cuando esté disponible.

Page 10: Manual de blogger

En la opción de “Formato” se puede

cambiar el número de entradas que aparecerán por página, el formato de

la fecha y hora, el idioma, etc.

En la opción de “Formato” se puede

cambiar el número de entradas que aparecerán por página, el formato de

la fecha y hora, el idioma, etc.

Page 11: Manual de blogger

En la opción de “Comentarios” se puede

configurar si se mostrarán o no los

comentarios, y quién los puede realizar, etc.

En la opción de “Comentarios” se puede

configurar si se mostrarán o no los

comentarios, y quién los puede realizar, etc.

Page 12: Manual de blogger

En la opción de “Permisos” se puede configurar quienes

podrán ver el blog y quienes podrán

modificarlo como el propio autor (puede

haber más de un autor).

En la opción de “Permisos” se puede configurar quienes

podrán ver el blog y quienes podrán

modificarlo como el propio autor (puede

haber más de un autor).

Page 13: Manual de blogger

1. Pinchamos en la pestaña “Creación de

entradas”, y en “Crear”.

1. Pinchamos en la pestaña “Creación de

entradas”, y en “Crear”.

Una vez vistas las principales opciones de configuración del blog, vamos a crear nuestra primera entrada.

2. Aquí pondremos el título de la entrada.

2. Aquí pondremos el título de la entrada.

3. Y aquí redactaremos el cuerpo de la entrada, que se podrá componer

de texto, enlaces, imágenes, videos, etc.

3. Y aquí redactaremos el cuerpo de la entrada, que se podrá componer

de texto, enlaces, imágenes, videos, etc.

Page 14: Manual de blogger

Con todas estas opciones podemos dar formato al texto, al igual que lo hacemos en un procesador de texto.

Con todas estas opciones podemos dar formato al texto, al igual que lo hacemos en un procesador de texto.

Con esta opción insertamos una imagen.

Con esta opción insertamos una imagen.

Con esta opción insertamos un video.

Con esta opción insertamos un video.

Pinchando en “Edición de HTML” nos permite editar

la entrada en código HTML. Esto nos ofrece

muchas posibilidades pero requiere de unos

conocimientos que no son objeto de este curso.

Pinchando en “Edición de HTML” nos permite editar

la entrada en código HTML. Esto nos ofrece

muchas posibilidades pero requiere de unos

conocimientos que no son objeto de este curso.

Pinchando en “Vista previa” podemos ir

viendo los resultados de los nuevos cambios en el blog, antes de hacerlos

definitivos.

Pinchando en “Vista previa” podemos ir

viendo los resultados de los nuevos cambios en el blog, antes de hacerlos

definitivos.

Page 15: Manual de blogger

3. Damos a “Vista previa” si queremos ver el

resultado.

3. Damos a “Vista previa” si queremos ver el

resultado.

1. Ponemos el título de la entrada.

1. Ponemos el título de la entrada.

2. Introducimos el texto de la entrada.

2. Introducimos el texto de la entrada.

…vamos a crear nuestra primera entrada.

4. Damos a “Guardar ahora” y “Publicr entrada” si queremos guardar y ver los cambios introducidos.

4. Damos a “Guardar ahora” y “Publicr entrada” si queremos guardar y ver los cambios introducidos.

Page 16: Manual de blogger

Pinchamos en “en una ventana nueva”.

Pinchamos en “en una ventana nueva”.

Page 17: Manual de blogger

1. Y ya vemos la nueva entrada en nuestro blog.

1. Y ya vemos la nueva entrada en nuestro blog.

2. Con su fecha de publicación.

2. Con su fecha de publicación.

3. Y el autor.3. Y el autor.

4. Y el enlace que da la opción a insertar algún

comentario sobre la entrada, si es que hemos habilitado esta posibilidad

en el panel de configuración visto

anteriormente.

4. Y el enlace que da la opción a insertar algún

comentario sobre la entrada, si es que hemos habilitado esta posibilidad

en el panel de configuración visto

anteriormente.

Page 18: Manual de blogger

2. Y pulsamos en el botón de “insertar

imagen”.

2. Y pulsamos en el botón de “insertar

imagen”.

…volvemos a la pantalla de edición de nuestra entrada, para ahora insertar una imagen.

1. Situamos el cursos al final del texto (donde queramos situar la

imagen).

1. Situamos el cursos al final del texto (donde queramos situar la

imagen).

Page 19: Manual de blogger

Pinchamos en “Examinar”.

Pinchamos en “Examinar”.

Page 20: Manual de blogger

Y buscamos a través del explorador de windows la

imagen que deseamos insertar.

Y buscamos a través del explorador de windows la

imagen que deseamos insertar.

Page 21: Manual de blogger

1. Seleccionamos la alineación.

1. Seleccionamos la alineación.

2. Seleccionamos el tamaño.

2. Seleccionamos el tamaño.

3. Y pulsamos a “Subir imagen”.

3. Y pulsamos a “Subir imagen”.

Page 22: Manual de blogger

1. Habrá un tiempo de espera mientras sube la

imagen, y cuando finalice el proceso aparecerá esta

pantalla.

1. Habrá un tiempo de espera mientras sube la

imagen, y cuando finalice el proceso aparecerá esta

pantalla.

2. Pinchamos en “Finalizado”.

2. Pinchamos en “Finalizado”.

Page 23: Manual de blogger

Ya podemos ver la imagen insertada en nuestra

entrada.

Ya podemos ver la imagen insertada en nuestra

entrada.

Pinchamos en “Publicar entrada” para ver los

cambios en nuestro blog.

Pinchamos en “Publicar entrada” para ver los

cambios en nuestro blog.

Page 24: Manual de blogger

Pinchamos en “en una ventana nueva”.

Pinchamos en “en una ventana nueva”.

Page 25: Manual de blogger

Ya podemos ver la imagen insertada en nuestro blog.

Ya podemos ver la imagen insertada en nuestro blog.

Page 26: Manual de blogger

Escribimos el texto que queremos convertir en enlace (que al pinchar en él accedamos a una página web

determinada).

Escribimos el texto que queremos convertir en enlace (que al pinchar en él accedamos a una página web

determinada).

…volvemos a la pantalla de edición de nuestra entrada, para ahora insertar un enlace a una página web de interés.

Page 27: Manual de blogger

Seleccionamos su dirección web, y sobre ésta, pulsamos el botón

derecho del ratón y seleccionamos copiar.

Seleccionamos su dirección web, y sobre ésta, pulsamos el botón

derecho del ratón y seleccionamos copiar.

…por otra parte nos vamos a la página web que nos interese.

Page 28: Manual de blogger

1. Seleccionamos el texto que queremos convertir en un enlace a la

página web.

1. Seleccionamos el texto que queremos convertir en un enlace a la

página web.

…volviendo a nuestra página de edición de la entrada del blog...

2. Y pinchamos en el botón de “enlace”.

2. Y pinchamos en el botón de “enlace”.

Page 29: Manual de blogger

Situándonos con el cursor en el recuadro que pone URL, pulsamos

botón derecho del ratón y seleccionamos “Pegar”, debiendo aparecer la dirección web de la

página de interés.

Situándonos con el cursor en el recuadro que pone URL, pulsamos

botón derecho del ratón y seleccionamos “Pegar”, debiendo aparecer la dirección web de la

página de interés.

Page 30: Manual de blogger

Ya aparece el texto con otro color, subrayado y que aparece una manita cuando pasamos el cursor del ratón por él (características típicas de los

enlaces).

Ya aparece el texto con otro color, subrayado y que aparece una manita cuando pasamos el cursor del ratón por él (características típicas de los

enlaces).

Pulsamos en “Publicar entrada” para ver los resultados sobre el blog.

Pulsamos en “Publicar entrada” para ver los resultados sobre el blog.

Page 31: Manual de blogger

Pinchamos en “en una ventana nueva”.

Pinchamos en “en una ventana nueva”.

Page 32: Manual de blogger

Ya aparece el enlace insertado en la entrada de nuestro blog, de tal

manera que si pinchamos en él, nos lleva a la página web que le hemos

configurado.

Ya aparece el enlace insertado en la entrada de nuestro blog, de tal

manera que si pinchamos en él, nos lleva a la página web que le hemos

configurado.

Page 33: Manual de blogger
Page 34: Manual de blogger

Pinchamos en “Editar entrada” para hacer los nuevos cambios.

Pinchamos en “Editar entrada” para hacer los nuevos cambios.

…volvemos a la pantalla de nuestro blog, para ahora insertar un video en nuestra entrada.

Page 35: Manual de blogger

Posicionamos el cursor donde queramos insertar el vídeo.

Posicionamos el cursor donde queramos insertar el vídeo.

Una forma de insertar un vídeo en nuestro blog es a partir de los que están en el portal de Youtube, mediante una llamada a éste, sin necesidad de tener descargado ese vídeo en el disco duro de nuestro ordenador.El inconveniente es que ese vídeo puede desaparecer de dicho portal porque así lo decida quien lo subió, no visualizándose ya en nuestro blog.

Page 36: Manual de blogger

Nos abrimos un navegador de Internet y vamos a www.youtube.com.

Nos abrimos un navegador de Internet y vamos a www.youtube.com.

Page 37: Manual de blogger

Una vez en Youtube introducimos el tema clave sobre el que vamos a buscar el video (en este caso: la

célula).

Una vez en Youtube introducimos el tema clave sobre el que vamos a buscar el video (en este caso: la

célula).

Page 38: Manual de blogger

Pinchamos sobre el vídeo que nos interese.

Pinchamos sobre el vídeo que nos interese.

Page 39: Manual de blogger

Visionamos el vídeo para ver si se ajusta a lo que buscamos.

Visionamos el vídeo para ver si se ajusta a lo que buscamos.

Page 40: Manual de blogger

Una vez elegido el vídeo, seleccionamos el texto que aparece

dentro del cuadro “Insertar” y pulsamos el botón derecho del ratón,

seleccionando “copiar”.

Una vez elegido el vídeo, seleccionamos el texto que aparece

dentro del cuadro “Insertar” y pulsamos el botón derecho del ratón,

seleccionando “copiar”.

Page 41: Manual de blogger

1. Introducimos un texto a modo de título del vídeo.

1. Introducimos un texto a modo de título del vídeo.

…volviendo a la pantalla de nuestro blog…

2. Pinchamos en “Edición de HTML”.2. Pinchamos en “Edición de HTML”.

Page 42: Manual de blogger

Nos posicionamos con el cursor al final de la entrada, donde queremos

incrustar el video.

Nos posicionamos con el cursor al final de la entrada, donde queremos

incrustar el video.

Page 43: Manual de blogger

Y pulsamos el botón derecho del ratón y seleccionamos “pegar”.

Y pulsamos el botón derecho del ratón y seleccionamos “pegar”.

Page 44: Manual de blogger

Y pinchamos en “Publicar entrada”, para ver los resultados.

Y pinchamos en “Publicar entrada”, para ver los resultados.

Page 45: Manual de blogger

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Page 46: Manual de blogger

Ya podemos reproducir el vídeo desde nuestro propio blog.

Ya podemos reproducir el vídeo desde nuestro propio blog.

Page 47: Manual de blogger

Pinchamos en “Crear una entrada nueva”.

Pinchamos en “Crear una entrada nueva”.

…volvemos a la pantalla de nuestro blog, para ahora insertar un video pero en otra entrada nueva diferente a la anterior, y desde el disco duro de nuestro ordenador.

Page 48: Manual de blogger

Insertamos el título de la nueva entrada.

Insertamos el título de la nueva entrada.

Y pulsamos sobre el botón de “insertar video”.

Y pulsamos sobre el botón de “insertar video”.

Page 49: Manual de blogger

Pinchamos en “examinar”.Pinchamos en “examinar”.

Page 50: Manual de blogger

Y buscamos el video que queremos insertar a través del

explorador de windows.

Y buscamos el video que queremos insertar a través del

explorador de windows.

Page 51: Manual de blogger

1. Ponemos el título del vídeo.1. Ponemos el título del vídeo.

2. Aceptamos las condiciones.2. Aceptamos las condiciones.

3. Y pinchamos en “Subir vídeo”.3. Y pinchamos en “Subir vídeo”.

…no olvidemos los formatos de vídeo que soporta y el tamaño máximo del video (100MB).

Page 52: Manual de blogger

Esta página permanecerá en espera hasta que finalice el

proceso de subida del vídeo.

Esta página permanecerá en espera hasta que finalice el

proceso de subida del vídeo.

Page 53: Manual de blogger

Una vez subido, pulsamos en “Publicar entrada”.

Una vez subido, pulsamos en “Publicar entrada”.

Page 54: Manual de blogger

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Page 55: Manual de blogger

Y vemos cómo aparece nuestra nueva entrada por encima de la

anteriormente publicada.

Y vemos cómo aparece nuestra nueva entrada por encima de la

anteriormente publicada.

Blogger por defecto coloca las entradas bajo un criterio temporal, es decir, que las más recientes aparecen en la parte superior del blog, empujando hacia abajo las más antiguas.

Esto puede parecer una limitación, aunque ahora veremos como podemos modificar el orden de las entradas a nuestro gusto modificando su fecha de publicación.

Page 56: Manual de blogger

Pinchamos en “Editar entradas”.Pinchamos en “Editar entradas”.

…volvemos a la pantalla de nuestro blog, para ahora modificar el orden en el que aparecen en el blog.

Page 57: Manual de blogger

Pinchamos en “editar” de la entrada “Video sobre el esqueleto

humano”.

Pinchamos en “editar” de la entrada “Video sobre el esqueleto

humano”.

En esta pantalla podemos controlar todas nuestras entradas: editarlas, visualizarlas, guardarlas como borrador, suprimirlas, etc.

Page 58: Manual de blogger

Pinchamos en “opciones de entrada”.

Pinchamos en “opciones de entrada”.

Page 59: Manual de blogger

Modificamos la fecha de esta entrada y le ponemos una más reciente que la que tiene la otra

entrada, para invertir su orden en el blog.

Modificamos la fecha de esta entrada y le ponemos una más reciente que la que tiene la otra

entrada, para invertir su orden en el blog.

Y pinchamos en “Publicar entrada”.

Y pinchamos en “Publicar entrada”.

Page 60: Manual de blogger

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Pinchamos en “en una nueva ventana” para ver el blog

actualizado.

Page 61: Manual de blogger

Vemos como ahora la entrada del “video sobre el esqueleto

humano” aparece al final del blog, con la fecha de publicación

cambiada.

Vemos como ahora la entrada del “video sobre el esqueleto

humano” aparece al final del blog, con la fecha de publicación

cambiada.

Page 62: Manual de blogger

Pinchamos en “Diseño”.Pinchamos en “Diseño”.

…volvemos a la pantalla de nuestro blog, para ahora insertar en la columna auxiliar de nuestro blog extras (gadgets) que nos ofrece blogger y que pueden enriquecer nuestro blog, dotándolo de ciertas utilidades.

Page 63: Manual de blogger

Pinchamos en “añadir un gadget”.Pinchamos en “añadir un gadget”.

Page 64: Manual de blogger

Insertamos el que más nos interese. Hay imágenes, texto,

listado de enlaces, cuestionarios, lista de seguidores, calendarios, relojes, noticias, juegos, foros,

etc..

Insertamos el que más nos interese. Hay imágenes, texto,

listado de enlaces, cuestionarios, lista de seguidores, calendarios, relojes, noticias, juegos, foros,

etc..

Page 65: Manual de blogger

En este caso hemos elegido un gadget de “Imagen”, para lo cual

debemos buscarla en el disco duro del ordenador o en la web, y

pulsar a “Guardar”.

En este caso hemos elegido un gadget de “Imagen”, para lo cual

debemos buscarla en el disco duro del ordenador o en la web, y

pulsar a “Guardar”.

Page 66: Manual de blogger

Esperamos mientras finaliza el proceso de subida de la imagen.

Esperamos mientras finaliza el proceso de subida de la imagen.

Page 67: Manual de blogger

Introducimos el título, el pie de foto y un hiperenlace (si fuera

necesario), y pulsamos en “Guardar”.

Introducimos el título, el pie de foto y un hiperenlace (si fuera

necesario), y pulsamos en “Guardar”.

Page 68: Manual de blogger

1. Podemos comprobar como se ha incorporado el nuevo gadget en la columna de la derecha. El

orden de estos elementos se puede modificar, pinchando sobre

ellos y arrastrándolos a la posición deseada.

1. Podemos comprobar como se ha incorporado el nuevo gadget en la columna de la derecha. El

orden de estos elementos se puede modificar, pinchando sobre

ellos y arrastrándolos a la posición deseada.

2. Pinchamos en “ver blog” para ver los cambios sobre el propio

blog.

2. Pinchamos en “ver blog” para ver los cambios sobre el propio

blog.

Page 69: Manual de blogger

Comprobamos que la imagen aparece en esa columna de la

derecha.

Comprobamos que la imagen aparece en esa columna de la

derecha.

Por último, pulsamos en “Salir” cuando consideremos que hemos

acabado el proceso de actualización del blog.

Por último, pulsamos en “Salir” cuando consideremos que hemos

acabado el proceso de actualización del blog.

Page 70: Manual de blogger

LISTO!

Creado el blogger sin ningún problema ….