Tutorial crea tu blog

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

Píldora 6. Crea tu blog

1. ¿Qué es un blog?

Pág. 2

2. Creamos nuestro blog

Pág. 3

2.1. Elección de la plantilla

Pág. 4

2.2. Menú configuración

Pág. 4

2.3. Compartir la autoría del blog

Pág. 5

3. Anatomía de un blog: el escritorio

Pág. 5

3.1. Elementos visibles

Pág. 5

3.2. Panel de administración del blog

Pág. 6

4. Modificar el tema y el diseño del blog

Pág. 7

4. 1. Crear cabecera personalizada

Pág. 8

5. Crear y editar entradas, artículos o post

Pág. 9

5.1. Insertar y gestionar enlaces en los artículos

Pág. 10

6. Crear y editar página

Pág. 11

7. Crear y gestionar enlaces en el blogroll

Pág. 12

8. Añadir y/o insertar contenido multimedia al blog

Pág. 12

9. Añadir contenido por código

Pág. 14

10. Añadir licencia CC al blog

Pág. 14

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !1

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

1. ¿Qué es un blog?

Un blog es un sitio web que es actualizado periódicamente por una persona y/o grupo de personas y que ofrece la lectura de artículos sobre temas de interés. Los artículos se llaman “post” o entradas y aparecen publicados en orden cronológico inverso, es decir, los últimos artículos publicados son los que se muestran primero.

La palabra “blog” proviene de abreviar la palabra inglesa weblog, compuesta a su vez de web y de log. Esta última significa “diario” por lo que weblog significa diario en la web. Al final, por abreviación, se denomina blog.

El blog es un formato excelente para trabajar múltiples competencias, entre ellas la Competencia Digital.

La temática de un blog es muy variada. En la blogosfera hay blogs personales, periodísticos,empresariales, tecnológicos, educativos (edublogs), políticos, etc.

Hay muchos servicios y opciones online que nos permiten crear y gestionar un Blog. Por ejemplo: • Blogger (http://www.blogger.com/ ): El servicio para crear Blogs de Google. Su punto fuerte es su gran sencillez y comodidad. Su desventaja es el cierre casi por completo de cualquier opción no establecida por el sistema.

• Worpress (http://wordpress.com/ ): Es el sistema de CMS más utilizado y por eso también es que más ventajas aporta a simple vista. La versión gratuita, usando los servidores de Wordpress, es algo más básico que en el servicio de pago. Destaca también por su sencillez, la estabilidad del sistema, su actualización continua y sus pocos problemas.

• Tumbrl ( https://www.tumblr.com/ ): Aunque el formato no es exactamente el de un blog ‘al Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !2

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

uso’, puede servir para crear un canal en el que compartir las vivencias de una clase.

Tumblr es tremendamente limpio y sencillo de usar, mucho más simple que otras opciones pero rápido y bonito a la vista. En Tumblr el potencial está en el mensaje y no tanto en las imágenes, formato o maquetación de los textos, con lo que es otra opción atractiva para los docentes que busquen esto.

Más opciones gratuitas para construir un blog de clase en la web Educación 3.0 La opción que vamos a elegir nosotros es Blogger ( http://www.blogger.com/home), el servicio de creación de blogs de Google así que se puede acceder a él con nuestra cuenta Google.

2. Creamos nuestro Blog Vamos a empezar con la práctica de crear nuestro propio Blog.

1º. Accedemos a nuestra cuenta Blogger Y hacemos clic en el desplegable Nuevo blog…situado en la parte izquierda de vuestro escritorio 2º. Elegimos el título del blog Lo primero que nos pide Blogger es un título para nuestro blog. Pensarlo un poco, pero tened en cuenta que luego lo podéis cambiar.

También debéis elegir la dirección URL del Blog, es decir qué dirección aparecerá en la barra de los buscadores y la que utilizarán los usuarios para acceder a vuestro blog. Vale más no poner algo demasiado complicado. Una vez elegido, debéis hacer clic en comprobar la disponibilidad porque

puede que esa dirección ya esté siendo utilizada.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !3

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

Google también nos preguntará si queremos comprar un dominio personalizado para el blog

2.1. Elección de la plantilla

Para elegir una plantilla para nuestro Blog, accedemos al menú Tema y se abre una nueva página en la que podemos ver el diseño web y el diseño móvil de nuestro blog. Debajo, aparecerán varios tipos de plantillas. Haciendo clic en cada una de ellas, se nos muestra en la zona inferior, una vista preliminar. Hay que tener en cuenta que sólo los grupos de plantillas denominados Contemplo, Soho, Emporio y Destacable, generan una versión móvil.

Aunque esta es una de las partes más entretenidas de la creación de un blog, no os preocupéis mucho de este paso porque la plantilla se puede cambiar en cualquier momento.

Una vez elegida la plantilla, hacemos clic en continuar una vez más y Blogger nos dirá que ya hemos creado nuestro Blog.

2.2. Menú configuración En la configuración del blog podemos elegir algunas opciones interesantes.

• Lo básico. Descripción, privacidad, el dominio (en caso de no ser uno de las opciones de Google), el https y los permisos de autoría y lectura del blog.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !4

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

2.3. Compartir la autoría del Blog Si se quiere utilizar el Blog como un espacio de publicación, comunicación e información de un Proyecto colectivo entre docentes de la misma especialidad (por ejemplo, un Blog de Departamento), de un proyecto educativo común o simplemente, compartir la edición de una revista digital con un grupo de alumnos y alumnas.

Para añadir usuarios a nuestro blog, tenemos que acceder a la subpestaña permisos de la pestaña configuración En el apartado autores, haremos clic en añadir autores. Blogger nos informa de que podemos compartir la autoría con hasta ¡100 autores!

Para invitar a otros usuarios a unirse, sólo hay que introducir su dirección de email. Haciendo clic en Seleccionar de los contactos, se nos desplegará una ventana con nuestros contactos de Gmail.

3. Anatomía de un blog: el escritorio El blog tiene dos partes fundamentales: •

una parte pública o visible (frontend), a la que cualquiera puede acceder desde Internet con su URL pública

•

y el “escritorio”, una parte privada o restringida (backend), desde la que se administra el blog. Esta parte consta de un panel de control online, llamado escritorio o panel de administración desde el que los autores gestionan los contenidos del blog.

3.1. Elementos visibles Los elementos visibles de un Blog pueden variar dependiendo de la plantilla que utilicemos, pero en general, y centrándonos en las plantillas disponibles en Blogger son: • Título del Blog: puede llevar un subtítulo explicativo Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !5

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

Páginas estáticas

• Imagen: En la cabecera puede aparecer una imagen identificativa.

• Páginas estáticas: permiten incluir en el Blog contenidos fijos a la manera de las webs estáticas. Por ejemplo, la página Acerca de .

• Espacio dedicado a las entradas, artículos o post en el que aparecen ordenados cronológicamente, de más reciente a menos. En cada post aparece la fecha de publicación, la o las categorías a las que pertenece (su etiquetado) y si tiene comentarios.

• Columna lateral: Puede estar a la izquierda o a la derecha del espacio anterior. En ella se sitúan los gadgets o widgets que hayamos seleccionado en la plantilla, por ejemplo: • Archivo del Blog con enlaces a los últimos artículos publicados • Etiquetas, categorías o temas en los que hemos clasificado nuestros artículos • El Blogroll o listado de enlaces. Estos enlaces también aparecen clasificados por temas.

• Buscador de los contenidos del Blog • Widgets o gadgets que hayamos elegido y/o creado

3. 2. Panel de administración del Blog (escritorio) Como en cualquier aplicación Web, el escritorio nos permite gestionar los contenidos del blog y su apariencia.

Al entrar en el escritorio nos encontramos los siguientes elementos (de izquierda a derecha y de arriba a abajo):

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !6

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

• Un panel fijo (variable en función de la plantilla escogida) con enlaces a Blogger, a los blogs que hayamos creado, al escritorio, a las apps de nuestra cuenta Google y a la parte visible del blog

• El panel de administración o escritorio tiene los siguientes elementos: • Opciones de gestión de nuestro Blog. Si tenemos más de un Blog, nos aparecerá en el listado todos sus títulos para poder elegir cuál queremos editar haciendo clic sobre Mostrar todo. En este panel podemos acceder a: • Entrada nueva • Entradas (listado de artículos publicados y en borrador) • Estadísticas • Comentarios • Ingresos • Campañas • Páginas • Diseño • Tema • Configuración • Lista de lectura • Ayuda de blogger

4. Modificar el tema y el diseño del Blog

Para empezar, accedemos al menú Tema y seleccionamos personalizar. Accedemos al Diseñador de Temas de Blogger desde el que podemos cambiar de plantilla o hacer cambios en el diseño elegido. Vamos a trabajar con el tema Emporio de los grupos de plantilla con diseño móvil para familiarizarnos con la plataforma.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !7

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

Blogger nos permite, sin modificar el HTML o el CSS, cambiar el fondo, la cabecera, activar o desactivar gadgets y modificar colores y tamaños de títulos, textos, pestañas, etc.

Si desde el escritorio, accedemos al menú diseño, observamos que aparece una especie de puzzle formado por bloques. Cada bloque se corresponde con un espacio de la plantilla. Si cambiamos la plantilla, cambiará la distribución de los bloques. Los bloques podemos editarlos, moverlos y también eliminarlos y añadir nuevos bloques o gadgets.

4.1. Diseñar una cabecera personalizada Ya os comenté que las plantillas son en parte modificables. Una de las opciones que individualizarán más vuestro espacio es la elección de una cabecera personalizada. Para ello, hacemos clic en el botón editar del gadget cabecera en el menú diseño o bien elegimos el gadget en el menú avanzado del Diseñador de plantillas. La ventana que se nos abrirá será la misma. En ella elegimos el origen de la imagen y cómo se presenta. Blogger nos informa del tamaño a la que se ajustará la imagen en la plantilla. En la plantilla Emporio, por ejemplo, la imagen se reduciría hasta los 799 píxeles (cada plantilla permitirá imágenes de tamaños diferentes). Vamos a diseñar la cabecera en Canva

Y si aún así no estáis a gusto con la imagen de vuestro Blog y sabéis un poco de edición html, podéis modificar la plantilla en la siguiente pestaña.

Hasta aquí el diseño de nuestro blog, en el capítulo siguiente, empezaremos a llenarlo de contenido.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !8

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

5. Crear artículos o entradas Para escribir un artículo, lo primero que nos tenemos que plantear es que no estamos escribiendo sobre papel sino en la web. Para conocer algunos consejos sobre cómo escribir un buen artículo en un Blog, lee el artículo de Alejandro Valero Cómo escribir un artículo de Blog.

En resumen, un artículo, entrada o post de un blog debe ser: • • • • •

conciso lo más breve posible muy claro debe sacar provecho al hipertexto a ser posible, debe incluir contenido multimedia (imágenes, dibujos, vídeos, animaciones).

En el escritorio, hacemos clic en el botón nueva entrada. Se nos abrirá un editor de textos online en el que escribiremos el título de nuestro artículo y podremos seleccionar el tipo de fuente, tamaño, efectos y color del texto, así como hiperenlaces. Los últimos botones nos permiten incluir imágenes, añadir vídeo y eliminar formato:

Por último, al final de esta fila aparecen botones para publicar la entrada (y que sea visible en la parte pública del blog) , un botón de guardar la entrada (y mantener en borrador) y un botón a vista previa en el que podremos ir viendo cómo va quedando la entrada que estemos escribiendo.

En las opciones de Configuración de entrada, se pueden añadir etiquetas, programar las entradas, obtener el enlace permanente de la entrada, añadir una ubicación y elegir otras opciones como dar permisos para que se puedan hacer comentarios o no.

Las etiquetas o tags que podemos añadir a nuestras entradas deben ir separadas por comas.

Si hacemos clic en volver a la lista de entradas, nos aparecerá la ventana destinada a editar entradas en las que podemos gestionar las entradas publicadas, los borradores, etc.

No os preocupéis si publicáis una entrada y luego queréis que vuelva a ser un borrador, porque es posible hacerlo desde la gestión de entradas.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !9

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

5.1. Insertar y gestionar enlaces en los artículos Los enlaces o hipervínculos son la característica más destacada del lenguaje hipertextual.

Permite construir documentos con una estructura de tela de araña, más ágiles de leer y consultar que un simple texto plano. Como medio digital, los blogs aprovechan los enlaces para: • Añadir información al texto sin aumentar la extensión del artículo.

• Aportar la fuente original de la información, más sencillo e inmediato que citarla.

• Enlazar a páginas web de interés Para insertar un enlace: 1º. Selecciona el texto o imagen donde quieras colocar el enlace. 2. Haz clic en el icono del editor correspondiente a Insertar enlace.

2º. Haz clic en el editor al icono relativo a Insertar enlace.

3º. Escribe la dirección URL de la página web, imagen, documento o archivo que quieras enlazar.

Elige “Abrir este enlace en una ventana nueva”.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !10

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

6. Crear y editar páginas Por el tipo de formato que tiene el Blog, cronológicamente inverso, los artículos que aparecen en primer lugar son los últimos publicados, por eso es muy interesante y útil completar el blog con páginas estáticas que permitan acceder a contenidos fijos de manera sencilla. Por ejemplo, en el siguiente blog, las páginas estáticas se utilizan para introducir una pequeña explicación sobre el espacio, acceso a materiales educativos y contenidos publicados por etiquetas.

Para crear y/o editar páginas, accedemos al menú páginas del escritorio. Desde aquí podemos crear una página nueva (Blogger nos permite crear hasta 10 páginas estáticas). Vamos a crear una página denominada acerca del blog o sobre el blog .

El aspecto del editor de textos de la página es igual que el editor de textos del menú entrada. Una vez escrito el texto, hacemos clic en Publicar la página. .

Para que la página publicada, aparezca en la parte visible o pública del blog, tenemos que configurar el gadget páginas. Accedemos al botón “Añadir gadgets”

Tendremos que seleccionar la página “Sobre el blog” y darle un orden en la lista para que aparezca pública.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !11

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

7. Crear y gestionar enlaces en el blogroll En la sidebar hacemos clic en Añadir gadget y buscamos el que se llama Lista de enlaces.

Configuramos el gadget con los enlaces y le damos un título. Podemos configurar tantos gadgets como queramos.

Se nos abrirá una ventana en el que tendremos que dar el título del grupo de enlaces, por ejemplo "destacados", el orden de los enlaces, la URL del enlace y el nombre del enlace. Una vez añadidos y elegidos todos los datos, hacemos clic en añadir enlace Nos aparecerá debajo el enlace añadido. Tendremos la opción de editarlo o suprimirlo. Así aparecerá el botón de enlaces creado en la plantilla

8. Añadir contenido multimedia al blog: Imágenes, vídeos y sonidos

En este apartado veremos cómo añadir en las entradas de nuestro Blog imágenes, vídeos o sonidos alojados en nuestro ordenador.

8.1. Añadir imágenes

Al escribir un artículo o página tenemos la posibilidad de incluir imágenes. Los formatos que permite Blogger son los más frecuentes en la Red: jpg, gif, bmp y png de 8 Mb como máximo.

Recordar que son imágenes para ver en Internet por lo que no necesitan una resolución muy alta, con 72 ppp nos sobrará.

Se puede modificar una imagen de forma muy sencilla con editores de imágenes online como Pixlr o Photoshop online (una versión 2.0 del conocido programa de edición de retoque fotográfico).

Las imágenes podemos subirlas de nuestro disco duro o pueden estar alojadas en otros espacios web como Flickr o Instagram. Si vamos a usar imágenes externas hay que tener en cuenta las recomendaciones sobre el uso de imágenes dadas por Google y el uso de licencias.

Además es recomendable optimizar las fotos antes de subirlas. Aunque el propio Blogger nos permite elegir entre tres tamaños. Si queremos insertar varias imágenes, por ejemplo, es interesante recurrir a las galerías de imágenes como las que nos proporciona Sway, por ejemplo.

Para subir una imagen, colocamos el cursor en el espacio donde la queremos incluir, hacemos clic en el botón añadir una imagen, rellenamos los campos de la ventana que se abre, elegimos el tamaño y la posición y hacemos clic en subir imagen.

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !12

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

8.2. Añadir e Insertar vídeos Blogger permite subir a nuestro espacio archivos de vídeo que tengamos alojados en nuestro disco duro en diferentes formatos de vídeo como avi, MPEG, QuickTime (.mov) o Windows Media (.wmv) con un tamaño máximo de 100 Mb. Para subir un vídeo de esta manera sólo tenemos que colocar el cursor en la posición donde queremos que aparezca el vídeo y hacer clic en el botón añadir vídeo. Se nos desplegará una ventana flotante a partir de la cual podremos localizar nuestro archivo de vídeo.

Sin embrago, es más interesante, tener el vídeo alojado en un servicio externo como Youtube o Vimeo. De esta manera, podemos ir configurando un canal de video y tan sólo tendremos que copiar el código de inserción que nos dan esos espacios para que aparezca en el blog.

En el caso de Youtube, una vez subido el vídeo y publicado como público, buscaremos el código embed en el menú compartir > insertar. Y obtenemos el código “ <iframe width="560" height="315" src="https://www.youtube.com/embed/ViLj0sMxDtM?rel=0" frameborder="0" allowfullscreen></ iframe>

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !13

PILDORA 6: Crea tu blog CPR Oviedo https://creatublogpildora.blogspot.com.es/

9. Insertar contenido multimedia por código

Para insertar en el Blog una galería de imágenes, un documento tipo revista, un vídeo, una presentación, una infografía o cualquier otro tipo de contenido multimedia de forma muy sencilla, tan sólo tenemos que encontrar en la aplicación que usemos, el código de inserción o código embed.

Ver las aplicaciones insertadas en el Blog Crea tu blog

10. Añadir licencia CC al blog

Para añadir una licencia CC al blog tan sólo hay que ir a la página de Creative Commons y elegir las características de la licencia. Una vez seleccionada, la web nos da el código y la imagen de la licencia CC elegida.

Autora: Lucía Álvarez < http://www.luciaalvarez.com/ > @luciaalvarez luciaag@gmail.com

Este documento está bajo una licencia de Creative Commons < http://creativecommons.org/licenses/by-nc-sa/3.0/es/>

Lucía Alvarez

!

@luciaalvarez

www.luciaalvarez.com !14