tutorial blogger 2008

Guía básica de creación de Blogs 1/16

VIII Semana de la Ciencia

Aprende a publicar tu propio blog

Guía de creación de Blogs

http://creativecommons.org/licenses/by-nc-sa/2.5/es/

Fernando Paniagua & Tíscar Lara Universidad Carlos III de Madrid

VIII Semana de la Ciencia Aprende a publicar tu propio blog


1 Introducción

1.1 Presentación

Taller de formación práctica y teórica con el objetivo de enseñar a los asistentes a crear y mantener su propia bitácora personal en la Red de una forma gratuita a través de diversas herramientas multimedia disponibles en Internet. Requisitos de los asistentes: manejo básico de navegación web y uso del correo electrónico.

En esta guía se dan los pasos imprescindibles para, de manera sencilla, crear un Blog personal en un espacio gratuito.

2 Objetivos • Crear un Blog personal en un espacio gratuito.

3 Crear tu Blog Paso 0 . Entra en http://www.blogger.com/ y pulsa sobre la flecha naranja con el texto “CREAR BLOG AHORA”. Recuerda que debes tener una cuenta de correo electrónico.

Ilustración 1. Página principal de Blogger

Paso 1 . En este primer paso el objetivo es darse de alta en el servicio de blogs Blogger. Normalmente sólo se realizará una vez, ya que con una cuenta se pueden crear y mantener todos los blogs que se deseen. Para darte de alta debes rellenar los campos del formulario. Estos son: dirección de correo electrónico (dos veces para evitar errores), contraseña (dos veces por la misma razón), nombre con el que se desea firmar las entradas del blog, y la palabra de validación (el texto que aparece



distorsionado). Por último se deberá señalar la casilla “Acepto las condiciones del servicio” y pulsar sobre la flecha con el texto “CONTINUAR”.

Ilustración 2. Formulario de creación de la cuenta

Paso 2 . En este paso deberás asignar un nombre a tu blog y una dirección de acceso. Recuerda que la dirección será la puerta de entrada a tu blog: es conveniente asignar una dirección sencilla de recordar y que de pistas sobre el contenido del blog. En el



ejemplo se ha asignado el título “Taller Blog SC Madrid 2008” al blog y “tallerblogsc2008.blogspot.com” como dirección de acceso. Fíjate que lo único que has de introducir es la primera parte del nombre ya que Blogger asigna el resto (blogspot.com). Si utilizas otros gestores de blog la dirección se formará de manera diferente.

En ocasiones, la dirección que se desea asignar a un blog ya está siendo utilizada por otra persona. Para comprobar la disponibilidad de la dirección pulsa sobre el enlace “Comprobar la disponibilidad” después de escribirla. El gestor de blogs te indicará si está o no disponible.

Vuelve a introducir la palabra de verificación si es necesario y pulsa sobre la flecha “CONTINUAR” para avanzar al siguiente paso.

Ilustración 3. Asignación del nombre del blog

Paso 3 . El último paso antes de terminar de crear el blog consiste en seleccionar la plantilla. Es tan sencillo como marcar la opción correspondiente a la plantilla que más te guste y pulsar sobre la flecha “CONTINUAR”. No te preocupes si no lo tienes claro, podrás cambiar la plantilla en cualquier momento.



Ilustración 4. Selección de plantilla

¡Ya tienes creado tu blog! Ahora sólo has de comenzar a escribir en él todo aquello que quieras dar a conocer. Pulsa sobre la flecha “EMPEZAR A PUBLICAR” para comenzar.

Ilustración 5. Ventana de confirmación de creación



Creación de entradas .

Cada entrada está compuesta por un título y un cuerpo. El cuerpo está a su vez compuesto por texto, imágenes, vídeos, hiperenlaces y todo aquello que se le ocurra al autor. En Blogger crear una entrada es muy sencillo. Sólo hay que teclear el título que se le quiere asignar y comenzar a escribir.

Si conoces el lenguaje HTML puedes editar la entrada directamente en dicho lenguaje. Para ello deberás tener seleccionada la pestaña “Edición de HTML”. Si no es así, deberás tener seleccionada la pestaña “Redactar”. Cuando esta pestaña está seleccionada, la edición del texto se realiza como si se estuviese trabajando con un procesador de textos: puedes cambiar el tipo de letra, el tamaño, poner el texto en negrita, cambiarlo de color, alinearlo a derecha o izquierda, etc. Prueba todo lo que quieras, es la mejor forma de aprender. Si quieres guardar la entrada provisionalmente pulsa sobre “GUARDAR AHORA” y así no perderás los cambios si ocurre algún imprevisto. Hasta que no pulses sobre el botón “PUBLICAR ENTRADA” nada de lo hagas será público.

Ilustración 6. Creación de entradas

Etiquetación de entradas

Las etiquetas ayudan a los lectores del blog a distinguir las entradas y no perder el tiempo en leer aquellas que no les interesan. En la parte inferior de la zona de edición de la entrada hay una caja de texto con el título “Etiquetas de esta entrada:” en la que



se puede introducir de manera libre todas las etiquetas que se deseen para identificar la entrada.

Ilustración 7. Etiquetación de entrada

Inserción de imágenes.

Para añadir imágenes en una entrada hay que, en primer lugar, pulsar sobre el botón correspondiente de la barra de botones.

Ilustración 8. Botón para añadir imágenes

Existen dos maneras de publicar imágenes en un blog. Una es incluyendo la URL (la dirección) de la imagen en el campo “URL”. Para obtener la URL basta con pulsar el botón derecho sobre la imagen en el navegador y seleccionar “Copiar URL de imagen”.

Ten en cuenta que no todas las imágenes publicadas en Internet se pueden utilizar, ya que sobre ellas hay ciertas restricciones legales que tienen que ver con los derechos de autor. Si quieres saber más sobre estas restricciones consulta el artículo publicado en esta URL http://tiscar.com/publicar-un-blog-de-forma-libre-y-responsable/.

Ilustración 9. Obtención de URL



La otra manera es seleccionando la imagen de algún medio de almacenamiento (disco duro, cámara fotográfica, pendrive, etc.). En este último caso hay que pulsar sobre el botón “Seleccionar archivo” y elegir la imagen del soporte en el que se encuentre. Para probar puedes utilizar las imágenes de ejemplo que vienen con el sistema operativo Windows en la carpeta “Mis imágenes”.

Ya sea la inserción de la imagen a través de una URL o seleccionando un archivo del ordenador, siempre se deberá indicar el diseño (ubicación de la imagen) y el tamaño con el que se desea mostrar la misma. Una vez hecho esto pulsa “SUBIR IMAGEN” para agregarla a la entrada.

Dependiendo del tamaño de la imagen tardará más o menos tiempo. Cuando finalice, Blogger te indicará que la imagen ha sido añadida a la entrada.

Ilustración 10. Añadir una imagen

Ilustración 11. Confirmación de la incorporación de una imagen



Finalización y publicación de una entrada .

Una vez creada la entrada sólo queda publicarla. Para ello únicamente hay que pulsar sobre el botón “PUBLICAR ENTRADA” y esta pasará a ser visible para los lectores del blog.

Ilustración 12. Entrada finalizada

Cuando la entrada esté publicada, Blogger debe indicar que la publicación se ha realizado correctamente. El autor puede entonces decidir si quiere ver la entrada creada (en una nueva ventana si lo desea) y editarla si detectase algún error. También podrá continuar insertando nuevas entradas o realizando tareas de administración del blog.



Ilustración 13. Entrada del blog publicada

Mantenimiento de entradas .

Un blog está formado por un conjunto de entradas y en ocasiones será necesario realizar acciones sobre entradas antiguas. Desde la solapa “Creación de entradas” se puede acceder a la creación y al mantenimiento de entradas. Si se elige la opción de edición de entradas se mostrará la lista de las entradas creadas hasta el momento. Desde esa página se pueden editar, visualizar o suprimir entradas existentes.



Ilustración 14. Edición de entradas

Inserción de hiperenlaces .

Un hiperenlace (también conocido como enlace, vínculo, hipervínculo o ‘link’) es una referencia incluida en un documento para poder “navegar” hacia otro documento o recurso disponible en la Web. En un blog es posible añadir enlaces. Para ello se deberá seleccionar el texto sobre el que se desea añadir el enlace. Ese texto será sobre el que el lector del blog deberá pulsar para llegar al recurso referenciado.

Ilustración 15. Creación de hiperenlaces



Una vez seleccionado el texto, se deberá pulsar sobre el icono “Enlace” de la barra de herramientas.

Ilustración 16. Icono "Enlace"

Blogger entonces solicitará la URL (la dirección) del recurso al que se desea acceder cuando se pulse sobre el texto. Sólo hay que teclearlo en la caja de texto correspondiente y pulsar sobre el botón “Aceptar”.

Ilustración 17. URL del hiperenlace

Añadir un vídeo desde YouTube

YouTube es el sitio Web más utilizado para publicar vídeos. Cualquiera puede subir sus vídeos a YouTube de manera gratuita y compartirlo con el resto de usuarios de la Web. Si quieres añadir un vídeo a una entrada de tu Blog tienes que seguir los siguientes pasos.

En primer lugar has de localizar el vídeo que quieres incluir. Para ello debes entrar en YouTube, teclear aquello que quieras enlazar y pulsar sobre el botón “Buscar”. En el ejemplo se ha tecleado la cadena “Tíscar Lara Moot08” y han aparecido dos vídeos.



Ilustración 18. Búsqueda de vídeos en YouTube

Una vez localizado el vídeo, se deberá pulsar sobre el mismo para comenzar su reproducción. En la parte derecha de YouTube aparecen unas cajas de texto con los títulos “URL” e “Insertar”. Deberás seleccionar y copiar el contenido de la caja “Insertar”.

Ilustración 19. Selección de código a incrustar

Una vez seleccionado el código ve a tu blog y crea una nueva entrada (o utiliza una existente) y dale un título si es necesario. Activa la pestaña “Edición de HTML” y pega dentro el contenido del portapapeles (correspondiente con la caja de texto “Insertar” de YouTube).



Ilustración 20. Incrustación de código HTML

No deberás hacer nada más que pulsar sobre el botón “PUBLICAR ENTRADA” para que puedas comprobar cómo has añadido un vídeo de YouTube a tu blog.

Ilustración 21. Vídeo publicado



Audio en un Blog

En un blog se pueden añadir, como ya se ha visto, gran variedad de contenidos multimedia. Como era de esperar también se pueden añadir ficheros de audio. Más concretamente enlaces a sitios Web que los almacenan y reproducen. Por ejemplo, el sitio web Deezer (http://www.deezer.com) permite incrustar un reproductor de audio con una canción determinada en una entrada de blog. Para ello debes buscar y comenzar la reproducción del tema que desees y pulsa el botón “Copiar” del campo de texto “Player Embedible”, campo que contiene el código a incrustar.

Ilustración 22. Selección de código a incrustar

Una vez seleccionado y copiado el código se deberá pegar en la entrada de blog. Al igual que se hizo con el vídeo de YouTube, este código deber ser pegado sobre la pestaña “Edición de HTML”. Cuando finalices y publiques la entrada, aparecerá en ésta un reproductor del sitio web Deezer con la canción elegida. Actualmente son mayoría los sitios Web que permiten publicar sus contenidos en los blogs. Sólo has de buscar el código a incrustar, copiar y pegar sobre la entrada. ¡Búscalos y pruébalos todos!

Ilustración 23. Reproducción de audio



Mantenimiento del Blog

Un Blog es muchísimo más que todo esto. Descubrirlo a partir de ahora es cosa tuya. Recuerda que cuando quieras administrar tus blogs creados en Blogger no tendrás que volver a darte de alta. Sólo introduce tu nombre de usuario (dirección de correo electrónico con la que te registraste) y la contraseña para volver a entrar como administrador.

Ilustración 24. Acceso a Blogger

A partir de ahora sólo queda escribir y publicar to do aquello que quieras. ¡Adelante!.

tutorial blogger 2008

Education