Creación de tu primer blog

Una vez creada la cuenta en gmail podermos activar el servicio de blogger.

 1. Activación del servicio blogger

1. Entra en tu correo gmail
2. Abre la página de blogger, pulsa aquí: http://www.blogger.com/home
3. Pulsa en la opción crear perfil limitado de blogger (abajo derecha)
   
4. Si te lo pide copia el código de la palabra antispan y pon tu nombre de pila en el nombre visible de perfil. 
5. Pulsa en continuar (o guardar). 

Finalmente veras algo parecido a esto:

(pulsa en la imagen para ampliar)

  2. Creación de un blog

1. Pulsa en el cuadro "Nuevo blog" (arriba a la izquierda)
2. Se abrirá una página como la que aparecen en la segunda imagen lateral. Completa los datos (todos se pueden cambiar después): 
1. Título que vas a poner a tu blog, por ejemplo "Blog de música"
2. Dirección (URL o dominio) todo junto. No tiene que coincidir con el título. Será lo que aparezca en la barra de navegación. Por ejemplo, a mi blog de aula le puse como título "Profesor de Historia" y como dirección "profesor-francisco". El resultado es que ahora cuando pongo en el buscador "profesor-francisco.blogspot.com" aparece mi blog. 
3. Elige la plantilla que más te guste. Esto luego lo podrás modificar.
4. Pulsa en crear blog.

Cómo personalizar el diseño de tu blog

Con blogger podemos personalizar el diseño de nuestro blog totalmente. Pero si acabáis de iniciaros en este mundo yo recomiendo que uséis el diseñador de plantillas que te ofrece blogger.

   1. Entramos en blogger.

1. Primero hay que entrar en tu cuenta gmail. Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión (arriba a la derecha, véase imagen lateral flecha roja). Ahí se pone el correo de gmail y la contraseña.
2. Entra en tu cuenta de blogger puedes hacerlo de dos formas: 
1. Desde este enlace: http://www.blogger.com/ o desde google (www.google.es) 
2. Desplegando el menú superior pulsando luego en "blogger"

  2. Personalizamos el diseño de nuestro blog. 

1. Dentro de blogger pulsar sobre el título del blog que habéis creado, veréis algo parecido a lo que se ve en la imagen inferior con una  la barra de opciones a la izquierda.

2. Pulsa después en plantilla (abajo a la izquierda, lo señalo en la imagen inferior, flecha azul): 

(pulsa en la imagen para ampliar)

3. Ahora vamos a modificar esa plantilla que hemos seleccionado. Pulsa en el cuadro naranja "personalizar" (imagen inferior) y entramos en el Diseñador de plantillas.  

(pulsa en la imagen para ampliar)

Entras en la sección de Plantilla. Selecciona cualquier plantilla que no sea de "vistas dinámica", porque esas plantillas son muy poco personalizables. Pulsa sobre una plantilla que te guste (arriba están los tipos, abajo las variantes de color) y luego en Aplicar al blog (arriba a la derecha).

Fondo: En el primer cuadro puedes cambiar el color de fondo del blog o puedes poner una imagen de fondo. En la mitad de la derecha puedes cambiar la combinación de colores que usa tu blog. 

Ajustar ancho: de la zona central y la columna lateral, se hace moviendo la barra deslizable.

Diseño: para elegir el número y la disposición de las columnas.

Avanzado: los colores y la fuente (tipo de letra) para los textos y el fondo de cada parte del blog.

En todos los casos en la mitad inferior puedes ver la vista previa para comprobar cómo queda. Cuando una opción te guste pulsa en "Aplicar al blog"   (arriba a la derecha) y listo. 

3. Dos recomendaciones sobre el diseño:

Recomiendo: 

1. Evitar los fondos oscuros ya que cansan más a la vista.
2. Evitar los colores de letra demasiado parecidos al color de fondo ya que se dificulta la lectura.

Cómo usar la barra de herramientas de blogger

Vamos a ver las diferentes opciones de edición que nos ofrece la barra de herramientas de blogger para presentar nuestros contenidos.

1. Como siempre: primero entramos en blogger.

1. Primero hay que entrar en tu cuenta gmail. Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión (arriba a la derecha, véase imagen lateral flecha roja). Ahí se pone el correo de gmail y la contraseña.
2. Entra en tu cuenta de blogger puedes hacerlo de dos formas: 
1. Desde este enlace: http://www.blogger.com/ o desde google (www.google.es) 
2. Desplegando el menú superior pulsando luego en "blogger"

2. Funciones de la barra de herramientas de las entradas. 

1. Creamos una nueva entrada.

(pulsa en la imagen para ampliar)

2. Vamos a usar diferentes opciones que nos ofrece la barra de herramientas. Aquí teneís una aclaración de lo que significa cada símbolo:

(pulsa en la imagen para ampliarla)

• Si pulsas en la pestaña "HTML" la mayoría de las opciones de barra desaparecen, para que aparezcan hay que mantenerse en "Redactar".
• Vamos a introducir contenido en esta nueva entrada. Seleccionaremos parte del texto y usaremos casi todas las opciones que tenemos en la barra de herramientas (menos las que he puesto en rojo). De izquierda a derecha son estas: 
• Cambiamos la Fuente (tipo de letra)
• Cambiamos el tamaño de la letra
• Ponemos algún encabezado
• Ponemos algo de texto en negrita, en cursiva y subrayado.
• Cambiamos el color de la fuente (letra)
• Ponemos en algún sitio color de fondo del texto. 
• Ponemos un enlace (aclarado debajo)
• Insertamos una imagen (aclarado debajo)
• Insertamos una vídeo de youtube o desde nuestro ordenador
• Insertamos un salto de línea. Esto sirve para que en la página principal del blog no aparezca toda la entrada, aparecerá unicamente lo que hay por encima del salto de línea. Para ver la entrada entera habrá que desplegarla pulsando sobre ella. Esto es muy útil para evitar que la página principal esté muy sobrecargada y tarde en cargarse.
• Ponemos una lista numerada
• Ponemos otra lista con viñetas. 
• Ponemos un texto en forma de cita. 
• Quitamos el formato (todas las modificaciones que hayamos hecho en un texto)
• Comprobáis la ortografía.

3. Insertar una imagen y poner un enlace. 

La mayoría de las opciones son sencillas, pero voy a hacer algunas aclaraciones sobre dos que pueden generar dudas:  

• Insertar una imagen: 
• Seleccionamos una foto nuestra o bajamos una de Internet y la guardamos en nuestro ordenador.
• Pulsamos en insertar imagen (barra de herramientas) y luego enElegir archivos (se abrirá el explorador de archivos para buscar el lugar donde hemos guardado la foto.
• Cuando se cargue pulsamos en Añadir imagen seleccionada.
• Poner un enlace: 
• Buscamos una web que nos guste y queramos enlazar. Una vez localizada seleccionamos y copiamos su dirección URL. Es fácil de reconocer porque aparece en la barra de navegación y suele empezar por "http://" por ejemplo la dirección URL de este blog es esta: http://blogeducativoenclase.blogspot.com.es/ 
• Pulsamos en enlace (barra de herramientas)
• Ponemos en Texto para mostrar el texto que aparecerá en la entrada y en dirección web la URL hacia la que nos dirigirá el enlace. Podemos pulsar la casilla "Abrir este enlace en una ventana nueva" si queremos que así sea (por ejemplo), si no la nueva página se abrirá en la misma ventana donde estás cerrando la página anterior (por ejemplo). 
• Insertar un vídeo. Pulsamos en el icono de vídeo (ver imagen inferior)

Pulsamos "Subir" si está en nuestro ordenador o "Desde YouTube" (ver imagen inferior)

 

Usamos el cuadro de búsqueda para encontrar el vídeo que nos interese. Se pueden poner palabras clave por ejemplo: "documental sobre la guerra civil" y luego se pulsa en la lupa para que busque los vídeos relacionados.Finalmente pulsamos sobre uno que aparezca en la lista y pulsamos enSeleccionar

Si tienes dificultad este vídeo de la profesora Rosa Liarte puede ayudarte (desde el minuto tres):
<iframe width="560" height="315" src="https://www.youtube.com/embed/LP-3PKMLEDM" frameborder="0" allowfullscreen></iframe>

  

Cómo hacer un documento en google, compartirlo y publicarlo en tu blog

Una utilidad asociada a nuestra cuenta de gmail es el de Google Drive. Este servicio nos proporciona un disco duro virtual donde alojar documentos (hasta 5 gigas de capacidad total). La ventaja es que ademas de guardar archivos, podemos editarlos o modificarlos individualmente o de modo colectivo. Es como un programa de edición de documentos (office) pero online. 

1. Como siempre primero hay que entrar en gmail.

1. Abre el buscador de google para poder iniciar sesión (www.google.es). Inicia sesión en gmail.
2. Para ir al servicio de Google Drive puedes hacerlo de dos formas: 
1. En el menú superior horizontal, donde pone "Drive". Pero esto a veces no aparece.
2. Desde este enlace: https://drive.google.com/.

2. Subimos o creamos nuestros documentos.

Una vez dentro de Google Drive vemos dos botones principales en rojo: “

• "Crear” (en la imagen inferior lo señalo con una flecha azul)para hacer un documento nuevo desde Google Drive.
  • Si tenemos el nuevo diseño de Google Drive, en lugar de Crear se llama "Nuevo"
• Un ícono que significa “subir” (en la imagen inferior lo señalo con una flecha verde) para subir archivos creados con otros programas desde tu ordenador. 
  • Si tenemos el nuevo diseño el icono "subir archivos" aparece debajo al pulsar sobre "Nuevo" 

Una vez subido o creado el archivo aparece en la zona central, pulsando sobre él podemos modificarlo o conseguir el enlace y compartirlo.

3. Creamos nuestros documentos. 

Al pulsar en Crear se despliega un menú en el que vemos los tipos de documentos que podemos crear (imagen de la derecha):

• Carpeta para organizar los documentos que hayamos subido o creado
• Documento de texto parecido a Word, aunque algo más sencillo.
• Presentación de diapositivas, equivale a PowerPoint aunque algo más sencillo.
• Hoja de cálculo equivale a Excel aunque algo más sencillo.
• Formulario para poder hacer cuestionarios de repaso o exámenes online. (se explica en esta otra entrada)

Para modificar o editar los documentos se usa una barra de herramientas parecida a la que ofrecen otros editores de texto o presentaciones, como los de Mircosofft Office (Word y PowerPoint).


Si vamos a hacer  un  documento de texto

1. Pulsamos en Crear -> Documento
2. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.  

Si vamos a hacer  una presentación de diapositivas

1. Pulsamos en Crear --> Presentación
2. Elegimos un diseño pulsando sobre él y luego en Aceptar (ver imagen inferior) 

3. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.  

4. Incluimos contenido pulsando sobre los cuadros. Empieza con una diapositiva de inicio, para añadir más diapositivas hay que pulsa en la barra de herramientas en Insertar y luego en Nueva diapositiva (ver imagen inferior)

4. Compartimos nuestros documentos. 

Cuando creas un documento unicamente lo puedes ver tú (son privados). Si quieres que otros puedan verlo tienes que cambiar la opción de compartir. En la esquina superior derecha hay un cuadro que pone "compartir". Pulsa en él (imagen inferior):

Para que lo puedan ver todos has pulsar en "cambiar" (en la imagen inferior, flecha amarilla) y luego seleccionamos "público en la web":

Si queremos que ese documento lo puedan editar/modificar  otras personas, tienes que añadirlos como editores escribiendo su correo gmail en el cuadro donde pone "invitar a personas" (imagen inferior, flecha roja).

5. Conseguimos el código para publicar nuestro documento

Una vez creados o subidos los documentos a Drive, podemos incrustarlos (para que se vean en el blog) o enlazarlos (para que se vean en una página nueva).


Para ello pulsamos en el menú horizontal donde pone "Archivo". En el menú que se despliega pulsamos en "Publicar en la Web" luego en "Iniciar publicación" .






En nuestro blog podemos poner un enlace (cuadro superior bajo "Enlace de documento) o podemos insertarlo para que se vea dentro del blog. Para ello copiamos el código que hay debajo de "Insertar código" (imagen inferior flecha amarilla):

 

6. Pegamos el código en una entrada del blog

Una vez copiado el código tenemos que ir a nuestro blog para pegarlo en forma de HTML. Si se trata de un blog colectivo como el que hago con mis alumnos, el código se lo tenemos que pasar por correo al encargado del blog. Entonces hace lo siguiente:

1. Crear o abrir una entrada
2. En "Redactar" Escribimos un párrafo de introducción sobre el contenido de la entrada y su autor. Finalmente pulsamos en salto de línea para que en la página principal unicamente aparezca este resumen.
3. Pulsamos la opción "HTML"
4. Al final pegamos el código que habíamos copiado.
5. Publicamos o guardamos.