Creación y edición de blogs para docentes

CREACIÓN
Y
EDICIÓN
DE
BLOGS
PARA
DOCENTES

MARÍA VILLA CASTRO

Navegar por Internet Creación de un blog con blogger

Creación de un blog con Blogger
Navegar por Internet
1

1. Introducción 1
2. ¿Cómo encontrar la información que andamos buscando? 2
3. ¿Cómo sacar el máximo partido a Google? 3
4. Los navegadores 4

1.- INTRODUCCIÓN
Pocas personas se imaginaban unos años atrás las posibilidades que el uso de Internet supondría
en su ámbito personal y laboral, debido a la complejidad que presentaba pues había que tener
elevados conocimientos de informática para realizar, por ejemplo, una página Web.
Este avance progresivo e imparable ha sido conceptualizado bajo la denominación de “Sociedad de
la Información” para enmarcar el acceso y procesamiento de toda la información disponible en la
Red. Las próximas generaciones, llamados “nativos digitales”, se encontrarán ante el reto de luchar
contra otro tipo de analfabetismo: el de las computadoras y evitar la tan temida brecha digital.
El fenómeno Internet trae nuevos modelos de trabajo y nuevas formas de relacionarse y
comunicarse con personas de su trabajo y/o con amigos, desbancando de forma progresiva al
correo tradicional, fax, teléfono, etc. También se ha convertido en un medio importante de
creación de cultura (con el fenómeno de la Web 2.0) y de expresión personal.
Con este nuevo panorama el sistema educativo no puede quedarse indiferente si se pretende que
los centros educativos den una respuesta adecuada a la realidad social en la que está inmersa y,
por extensión, los docentes deben prepararse para integrar con garantías suficientes esta
tecnología que se va imponiendo.
Dentro de la amplia gama de servicios que ofrece la Red encontramos algunos de uso mayoritario
como son la World Wide Web (www), el correo electrónico y otros que, de forma emergente, se
están abriendo un hueco importante en el panorama de Internet como son los blog, wikis, etc. y
otras posibilidades que pueden optimizar el trabajo o las relaciones personales.
Wikipedia1 indica que la World Wide Web (o la "Web") o Red Global Mundial “es un sistema de
documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un
navegador Web, un usuario visualiza páginas web que pueden contener texto, imágenes, vídeos u
otros contenidos multimedia, y navega a través de ellas usando hiperenlaces”. A través de las
páginas Web, que están confeccionadas con un lenguaje denominado HTML (HyperText Markup

1 http://es.wikipedia.org/wiki/World_Wide_Web
María Villa


Language – lenguaje de marcas de hipertexto), accedemos a servicios integrados en las mismas
como: correo, chat, grupo de noticias, etc. sin necesidad de abandonarlas.
Para realizar la navegación entre las páginas se desarrolló un protocolo de comunicación
denominado http (HyperText Transfer Protocol – protocolo de transferencia de hipertexto), siendo
necesario emplear una aplicación que muestre el código HTML y que permita, por tanto, visualizar
2
la información: los llamados navegadores. Entre los más usados y conocidos que podemos
encontrar están: Firefox, Google Chorme, Internet Explorer (gratuito pero software propietario),
etc.

Cada página que visitamos tiene una dirección o URL (Uniform Resource Locator) que la identifica y
personaliza. Todas las URL comienzan por http:// aunque no sea necesario teclearlo y solamente
baste con poner las www.direcciondelapagina.dominio.

2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS BUSCANDO?
Sin entrar a valorar su calidad, la Red tiene una cantidad enorme de información disponible a la
que podemos acceder y consultar. Para encontrar la información deseada podemos seguir tres
caminos:
Si conocemos su localización exacta basta escribir en el navegador su URL.
Visitando páginas de similar contenido o interés común y que éstas nos lleven, a través de
algún hiperenlace, a la página que estamos buscando. Si se consigue la información con
este método es aconsejable guardar la dirección en el menú Marcadores o Favoritos del
navegador.
Utilizando un buscador. Las búsquedas se hacen escribiendo una palabra o varias palabras
clave, dando como resultado un listado de direcciones Web en las que se mencionan temas
relacionados con las palabras clave introducida. Los más usuales por su uso y potencia
pueden ser Google (http://www.google.es/), Yahoo (http://m.es.yahoo.com/), Altavista
(http://es.altavista.com/), etc.
También existen los llamados metabuscadores. Su función consiste en usar el motor de búsqueda
de otros y mostrar la combinación de las mejores páginas que ha devuelto cada buscador. Por
ejemplo: Kartoo (http://www.kartoo.com/), Ilectric (http://ilectric.com/), Metacrawler
(http://www.metacrawler.com/), etc.
Según qué tema se vaya a buscar puede ser más o menos laborioso encontrar la información; por
ese motivo se utilizan algunos trucos o consejos que facilitan la tarea. Entre los más usados:
Si quiere buscar una frase exacta debe encerrarla entre comillas, ejemplo: “trabajo
colaborativo”.
Si necesita saber el acrónimo de una siglas puede usar la fórmula “define: ONU”
Se pueden restringir los resultados de la búsqueda a un dominio, ejemplo “educación.es”.
María Villa


3.- ¿CÓMO SACARLE EL MÁXIMO PARTIDO A GOOGLE?
A continuación veremos cómo utilizar el buscador Google de manera que nuestra búsqueda sea
más rápida y sencilla:
Búsqueda simple. Buscar páginas en español o en todo internet.
Voy a tener suerte. En vez de mostrar los resultados de la búsqueda, te envía directamente 3
a la primera página.

Sugerencias ortográficas. Google detecta muchas erratas y en ese caso sugiere el nombre
exacto.
Búsqueda avanzada. Pinchamos en el enlace Búsqueda avanzada en la página principal de
Google.

A continuación nos aparece un cuadro de diálogo en el que podemos acotar nuestra búsqueda
según los datos que insertemos.

María Villa


Los datos que podemos pedir son: Con todas las palabras, con la frase exacta, con alguna de las
palabras, sin las palabras. A esto se le puede añadir: el idioma, el lugar donde están ubicadas, el
formato del archivo, la fecha de creación o la presencia de los mismos.

4.- LOS NAVEGADORES
4
Vamos a comentar un sencillo, pero potente, navegador que por varias razones utilizaremos:
Porque con seguridad optimizará, una vez instalado y utilizado de forma asidua, su tiempo
de navegación por la Red.
Porque con algunas aplicaciones online (como es el caso de una con la que se va a realizar
el blog -Blogger-) resulta más adecuado.
Se trata de Mozilla Firefox, cuyo uso se incrementa día a día por parte de los internautas, hasta el
punto que a día de hoy es uno de los más utilizados.
Firefox es un programa multiplataforma disponible para los sistemas operativos Windows,
GNU/Linux y Mac.
Desde su página oficial (http://www.mozilla-europe.org/es/) puede descargar el programa e
instalarlo en su equipo. Si navega por ella podrá leer las características que hacen de esta
aplicación una de las más utilizadas por el usuario doméstico. Entre las más interesantes podemos
encontrar:
 Navegación con pestañas mejorada. Cada página web que visitemos aparecerá en una
pestaña distinta dentro del navegador si así lo desea, con la facilidad de tener todas las
páginas en la pantalla sin desplazarnos fuera de ella.
 Restaura las sesiones perdidas. Si por cualquier motivo nuestro sistema operativo falla y se
cierra de forma imprevista el navegador, cuando volvamos a abrirlo nos aparecerá una
pantalla de aviso que nos brinda la posibilidad de recuperar la sesión en la que estábamos
trabajando y, de esa forma, no perder datos.
 Corrector ortográfico. Si instala el corrector ortográfico le puede ser de gran ayuda cuando
escriba en su blog, correo electrónico (Webmail), en alguna wiki, etc.
 Marcadores dinámicos. Cuando esté interesado en saber que nuevas entradas se producen
en blog de su especial interés puede colocarlos en el navegador como marcador
de noticias (RSS) de forma que pueda leer los encabezados y acceder a ellos si
le interesa. Las páginas con botones para sindicar los contenidos se reconocen
por la imagen que aparece a la derecha.
 Bloqueador de ventanas emergentes. Las molestas ventanas emergentes con publicidad se
bloquean, de forma que no aparecen ni distraen su atención. En el menú Herramientas
podemos cambiar en Opciones esta característica, permitiendo a los sitios que quiera
desplegar ventanas emergentes. Si no se acuerda cuando se bloquean en el navegador
aparece en la parte superior una barra amarilla que le da la opción de desbloquearla.
 Actualizaciones automáticas. Si ya tiene instalado el navegador cada vez que se lance una
nueva actualización le saldrá un aviso por si quiere actualizar mediante un clic su aplicación.

María Villa


 Personalizar el navegador. Más de 5000 complementos se pueden instalar para hacerla
más funcional.
 Añadir a los marcadores con un sólo clic. Haciendo clic sobre la estrella que aparece a la
derecha de la barra de direcciones puede añadir la página actual a los marcadores; con
doble clic puede seleccionar dónde guardarla y qué etiquetas usar.
5

Una vez que acceda a la página oficial verá un botón como éste:

Pinche sobre él y podrá guardar en su equipo la aplicación. Cuando se haya completado la
descarga vaya a la carpeta donde la guardó y ejecute la aplicación. El proceso de instalación es
similar al de cualquier otro programa: hacer clic en botones Siguiente, aceptar términos de licencia,
etc.

María Villa

UD.1: Crear correo y blog Creación de un blog con blogger

Unidad 1: Crear correo y blog
1

1. Introducción 1
2. Crear cuenta en gmail 1
2.1. ¿Por qué cuenta de correo en gmail? 2
3. Formas de crear un blog 4
3.1. Aplicaciones y sitios web 4
4. Creación de un blog con blogger 5
4.1. ¿Por qué Blogger? 5
4.2. Algunos blogs en Blogger 6
4.3. Creación de un blog con Blogger 6

1.- INTRODUCCIÓN
En este tema vamos a tratar dos condiciones previas para la creación de nuestro blog: dar de alta
nuestro correo con Gmail y crear la cuenta de Blogger.

2.- CREAR CUENTA EN GMAIL
Se trata de un servicio de correo electrónico que, cuando apareció, cambió el concepto que se
tenía hasta entonces de ese servicio, ofreciendo capacidades muy amplias de almacenamiento.
Como etapas importantes destacaremos:
2004: Se crea Gmail ofreciendo 1 GB de espacio.
2005: Se mejora la interfaz y se dublica el espacio.
2007: Sale al aire la segunda versión de Gmail, que sirve de plataforma para futuras
mejoras; además, tiene un nuevo manejador de contactos y ofrece alrededor de 4 Gb de
esp acio.
2008: Gmail mejora su estructura, ofrece hasta 8 Gb de espacio y añade nuevas
funcionalidades de forma más acelerada.
Si hubiese que definir qué es y para qué sirve el correo electrónico habría que decir que es una
utilidad que permite a los usuarios enviar y recibir mensajes y archivos adjuntos a otros usuarios,
situados en cualquier lugar, de forma asincrónica. Lo que proporciona el correo es un buzón o lugar
María Villa


virtual donde se depositan sus mensajes a la espera de posterior consulta y contestación. Para
hacer uso de una cuenta de correo hay que solicitarla a cualquier proveedor que la facilite. Existe
en la red multitud de lugares que la crean de forma gratuita. Una vez solicitada se nos facilita una
dirección de correo estilo "minombre@nombredelproveedor.extension" y una palabra clave o
contraseña para acceder a su buzón.
2
Los correos se pueden consultar de dos formas diferentes:
A través de páginas Web (Webmail).
A través de un programa gestor de correo instalado en nuestro equipo (Mozilla, Outlook,
Thunderbird, Eudora, etc.).
Entre las principales empresas que ofrecen servicio de correo podemos encontrar: Google, Yahoo,
Hotmail, Orange, Terra, etc. La redacción de los mensajes no están sujetos a ninguna norma escrita
que regule este tipo de comunicación. No obstante, sí hay unas reglas conocidas como Netiquette
que se han ido adaptando a lo largo de los años como buenas prácticas en el correo. Equivalen a
un código de buen uso o de buena conducta:
Evitar el uso de mayúsculas (escribir en mayúsculas se interpreta como gritar en la red).
No dejar nunca en blanco el "Asunto" (el objeto del mensaje).
No escribir nada en los mensajes que no diríamos cara a cara al destinatario.
Hay que procurar que los mensajes sean breves y concisos, evitando ambigüedades en el
contenido de los mismos.

2.1.- ¿POR QUÉ UNA CUENTA DE CORREO GMAIL?
Vamos a describir la creación de una cuenta con Gmail que se utilizará, entre otras cosas, para dar
de alta un blog en Internet en Blogger. Gmail es un servicio de correo Webmail (aunque también se
puede configurar como cuenta pop/imap en un programa gestor de correo) que ofrece Google de
forma gratuita y que dispone de varias particularidades, se pueden consultar en la siguiente
dirección: http://mail.google.com/mail/help/intl/es/about.htmlPara la creación tecleamos en un

navegador la dirección http://www.google.com y, en la parte superior, en el enlace Gmail. Este
María Villa


enlace nos lleva a una página en la que observará, en la parte superior derecha, un recuadro para
introducir sus datos si ya los posee y, justo debajo, un enlace Crear una cuenta >>, sobre el que hay
que hacer clic para proceder a hacerlo.
A continuación aparecerá una ventana en la que deberá rellenar los datos que aparecen a
continuación:
3

Si antes de aceptar la cuenta quiere consultar la disponibilidad del nombre que está creando debe
presionar sobre el botón comprobar la disponibilidad. En caso de que la cuenta ya esté elegida, nos
permite otros nombres parecidos al que hemos introducido, como muestra la siguiente imagen.

Si está disponible termine de rellenar los datos y concluya el proceso leyendo las indicaciones de
pantalla. Deberá rellenar:
Nombre: Nombre de la persona que va a crear la cuenta.
Apellidos: Apellidos de la persona que va a crear la cuenta.
Nombre de usuario: Nombre que queremos que aparezca cuando enviamos un correo. Por
ejemplo: Antonio Perea Castro, Antonio Perea o simplemente Antonio.
Elija una Contraseña: La contraseña que vamos a introducir y que tiene que tener al menos 8

María Villa


caracteres. Se recomienda que contenga números y letras.
Vuelve a introducir la contraseña: Volver a introducir la clave, puesto que al no verse porque salen
son puntos, si nos hubiéramos equivocado se apreciaría porque se tendría que repetir.
Pregunta de seguridad: Pregunta que se nos formulará en caso de perder la clave, es
recomendable que sea una pregunta que no tenga que ver con la clave y que sólo la persona que 4
está creando la cuenta sepa su respuesta. Además, es recomendable que no la divulgue, mande
por correo o apunte.
Respuesta: Contestación a la pregunta de seguridad.
Dirección de correo alternativa: Esta dirección se utiliza para autenticar su cuenta en caso de que
surja algún problema u olvide su contraseña. Si no dispone de ninguna otra dirección de correo
electrónico, deje este campo en blanco.
Ubicación: País donde nos encontramos.
Verificación de la palabra: El sistema nos proporciona una imagen con una palabra que hay que
escribir. Esto se hace para que no se puedan generar cuentas automáticamente.
Condiciones del servicio: Deben aceptarse para crear la cuenta de correo.
Completado todos estos datos se ha realizado correctamente la creación de nuestra cuenta de
correo.

3.- FORMAS DE CREAR UN BLOG
La creación de un blog se puede hacer de varias formas:
Descargar el software necesario e instalarlo en un servidor propio. Esta opción le ofrecerá
todas las posibilidades de insertar los complementos que necesite para el mismo.
Obviamente son necesarios conocimientos informáticos específicos que no todo el mundo
posee.
Utilizar los que se ofrecen de forma gratuita en Internet. Esta opción es la más adecuada
para la inmensa mayoría de los usuarios, ya que no son necesarios conocimientos
informáticos específicos. Únicamente hay que suscribirse a uno de estos servicios y realizar
diversas elecciones sobre el aspecto de nuestro blog.
En nuestro caso nos centraremos en este segundo punto, por lo fácil y rápido en que se realizan los
trabajos, y porque para ello no debemos tener amplios conocimientos informáticos.

3.1.- APLICACIONES Y SITIOS WEB
En la actualidad ofrecen servicios de blog gratuitos, entre otros:
 BITÁCORAS PUNTO COM: http://www.bitacoras.com/

Está presente en Internet desde el año 2002 y es el mayor centro de servicios y promoción de blog

María Villa


y bloggers en español.
 LA COCTELERA: http://www.lacoctelera.com/

5
 BLOGGER: https://www.blogger.com/start

Blogger se inició en una pequeña empresa de San Francisco llamada Pyra Labs en agosto de 1999,
en pleno boom de las empresas basadas en Internet. Desde 2003 es propiedad de Google.
 EDUBLOGS: http://edublogs.org/

Un servicio para que docentes y estudiantes publiquen de forma gratuita su blog. El sistema utiliza
WordPress Multi-User con casi todas las ventajas y funcionalidades de otras bitácoras gestionadas
con esta aplicación. Tiene el inconveniente de que los procesos de alta y la gestión del blog son
en inglés.
 WORDPRESS: http://wordpress.org/

Es el sistema que más desarrollo está teniendo en los últimos tiempos y tal vez el mejor que existe
actualmente en PHP. Altamente personalizable con una gran variedad de plugins y diseños. Es muy
fácil de instalar y de usar.
 B2 EVOLUTION: www.b2evolution.net

Permite múltiples blog y autores en una misma instalación. A diferencia de otros, viene ya con el
paquete de idioma español preinstalado.

4.- CREACIÓN DE UN BLOG CON BLOGGER
En los siguientes puntos veremos por qué utilizaremos Blogger para crear nuestro blog, algunos
blog de referencia para hacernos una idea de lo que podemos hacer, y cómo crear nuestro blog.

4.1.- ¿POR QUÉ BLOGGER?
Antes de nada habría que justificar la elección de Blogger. Podríamos indicar como motivos los
siguientes:
María Villa


En primer lugar (como se ha indicado en el epígrafe anterior) se trata de un servicio
gratuito y sin publicidad de Google, estando a disposición de cualquier usuario con
conexión a Internet.
No hay que instalar absolutamente nada, se encuentra en español y no sufre el spam1
como otros blog.
La experiencia de otros profesores que tienen su blog en Blogger y lo vienen utilizando 6
desde hace tiempo. Parece lógico pensar que la práctica continuada de un servicio (del que
se puede cambiar fácilmente) es sinónimo de respuesta a necesidades.
Sencillez de manejo y configuración, por lo que resulta adecuado para cualquier usuario
aunque no disponga de profundos conocimientos informáticos. Dispone de un editor de
artículos propio e integrado. Por otra parte, dispone de muchas opciones de configuración
y la posibilidad de incluir bloques de código, por lo que también puede colmar las
necesidades de usuarios más experimentados.
Como inconvenientes se podría indicar que no se dispone de un manual de uso para operaciones
"avanzadas" como cambiar la plantilla (obviamente esto no es desventaja para usuarios que no
necesitan hacerlo), por lo que no parece ser la mejor opción para un blog profesional. También que
no dispone de la posibilidad de crear páginas estáticas a las que se pueda acceder a modo de
menú con objeto de utilizarlas, por ejemplo, a modo informativo exclusivamente.

4.2.- ALGUNOS BLOG EN BLOGGER
Antes de crear nuestro blog estaría bien visitar otros, conocer qué están haciendo otras personas
(por otra parte nos sirve para colmar nuestra curiosidad) y sobre todo para saber las posibilidades
que nos permite Blogger. Reseñamos algunos blogs relacionados con la enseñanza:
Educación y TIC: http://domingomendez.blogspot.com/index.html
Educación tecnológica: http://villaves56.blogspot.com/
Blog de la clase de 6ºB: http://lloreuquintob.blogspot.com/
Chispas TIC y Educación: http://peremarques.blogspot.com/
Escuela de Arte de Sevilla (Fotografía): http://escueladefotografia.blogspot.com/
Historia del Arte: http://aprendersociales.blogspot.com/
Blog de Biología: http://blogbiologia.blogspot.com/
Blog de Francés: http://carmenvera.blogspot.com/

4.3.- CREACIÓN DE UN BLOG EN BLOGGER
Para crear su propio blog (una vez que se dispone de una cuenta de correo Gmail) haga lo
siguiente:
Abra un navegador y teclee: http://www.google.es Encontrará en la parte superior un

1 Según Wikipedia se llama “spam, correo basura o sms basura a los mensajes no solicitados, habitualmente de tipo
publicitario, enviados en grandes cantidades (incluso masivas) que perjudican de alguna o varias maneras al
receptor”
María Villa


enlace Más que nos desplegará un menú emergente web del que elegiremos todavía
más >>

7

Se nos muestra una pantalla con Más productos de Google. Haga clic sobre el enlace Blogger.

NOTA: Memorice esta dirección https://www.blogger.com/ en Marcadores o en favoritos para no
tener que seguir este proceso la próxima vez que desee acceder a su blog. En esa página se nos
indica que, para la creación de nuestro blog, necesitamos:
- Crear una cuenta. Si disponemos de ella (cuenta de Gmail) podemos utilizarla saltando
dicho paso.
- Escoger un nombre.
- Elegir una plantilla.
Para comenzar la creación hacemos clic sobre la flecha Crear tu blog ahora.

María Villa


Cuando accedemos a la siguiente página lo primero que debemos hacer es Crear una cuenta en
Google rellenando los datos que se nos pide en dicha página.

8

Si dispone de una cuenta de Google puede saltar este proceso de creación haciendo clic sobre el
enlace primero acceda a ella.
Una vez lo hayamos hecho hay que:
- Elegir nombre para mostrar en nuestro blog (real o pseudónimo).
- Rellenar la casilla de verificación de la palabra.
- Marcar la pestaña Aceptación de las Condiciones del servicio.
- Hacer clic en la flecha Continuar.
En la siguiente pantalla tendremos que:
- Escoger Título del blog.
- La dirección que va a tener nuestro blog: http://xxxxxx.blogspot.com (sustituyendo las “x”
por los caracteres que deseemos; por ejemplo Clasedeantonio). Una vez introducido esos
caracteres comprobamos que está disponible haciendo clic en el enlace Comprobar la
disponibilidad. Si una vez hecho se nos indica que esa dirección está ocupada procedemos
a cambiarla; en caso de estar disponible pulsamos en la flecha Continuar.

En la pantalla siguiente procedemos a elegir una plantilla. Para seleccionarla debe hacer clic sobre
el botón radial (pequeño círculo debajo de cada imagen) y, una vez elegida, hacer clic de nuevo
sobre la flecha Continuar. Debajo de cada plantilla hay un enlace vista preliminar de la plantilla
que nos sirve para ver el diseño mejor antes de elegirlo.

María Villa


9

Una vez elegida aceptamos y en la siguiente pantalla se nos informa de que el blog ha sido creado.
Para comenzar a añadirle entradas, personalizar su diseño o crear su perfil personal hay que hacer
clic en la flecha Empezar a publicar.

María Villa

UD.2: Administración y diseño del blog I Creación de un blog con blogger

Unidad 2: Administración y diseño del blog I
1

1. Diseñador de plantillas 1
2. Fondo 2
3. Diseño 3
4. Ajustar ancho 4
5. Avanzado 4

1.- DISEÑADOR DE PLANTILLAS
Con el Diseñador de plantillas de Blogger tiene una nueva forma para personalizar fácilmente el
aspecto de su blog. Puede elegir entre una variedad de plantillas, imágenes, colores y diseños de
columnas para que su blog sea una expresión personal.

Se accede a él pulsando en diseñador de plantillas.

Para empezar a trabajar con el Diseñador de plantillas, seleccione una de las plantillas de diseño
profesional que tiene a su disposición para el blog. Cada plantilla aparece como una miniatura de
gran tamaño; al hacer clic en ella se muestran distintas variaciones de la misma que puede
seleccionar. Tenga en cuenta que al hacer clic en una plantilla nueva se borrarán todas las
personalizaciones que haya hecho en una plantilla anterior. Cuando haya elegido una, puede
seguir personalizando el aspecto del blog.

María Villa


Cuando esté satisfecho con el aspecto del blog, puede aplicarlo directamente si pulsa la opción
Aplicar al blog en la esquina superior derecha del Diseñador de plantillas.

2

Independientemente de la plantilla que esté previsualizando en el Diseñador de plantillas, siempre
puede ver el aspecto que tiene su blog en cualquier momento si se fija en la miniatura Ahora en el
blog del panel de control de esta utilidad. También puede hacer clic en ella para restablecer en el
Diseñador de plantillas la plantilla que utiliza actualmente para su blog.

2.- FONDO
Aunque haya elegido una plantilla, se puede cambiar su aspecto. Con el Diseñador de plantillas de
Blogger se puede elegir el color o la imagen de fondo que se quiera en su blog y luego aprovechar
las opciones del esquema de color. Para empezar a personalizar el fondo, haga clic en la miniatura
situada bajo Imagen de fondo.

De entre las funciones del Diseñador de plantillas, una de las mejores es la capacidad de cambiar
el color de la imagen de fondo. Es posible realizar este cambio si la imagen de fondo tiene
transparencia. Se sabe que una imagen de fondo es transparente si en la esquina superior derecha
muestra una especie de tablero de ajedrez.

María Villa


3

Cuando se haya seleccionado la imagen, se puede cambiar el color del fondo si hace clic en Gama
de colores principal y, a continuación, seleccione el color que prefiera.

Solamente se puede cambiar el color del fondo si éste último es transparente. Asimismo, si la
plantilla que ha elegido tiene un fondo gris, no podrá cambiar su color.

Además de seleccionar y personalizar la imagen de fondo de su blog,
también puede elegir una gama de colores y aplicarla a otros
elementos del blog, como el texto o los enlaces. Para ello, pruebe a
usar la opción Gama de colores principal o elija uno de los Temas
sugeridos. Al cambiar la gama de colores de su blog, también cambiará el color de todos los
elementos de la plantilla que se puedan modificar.
Nota: si la imagen de fondo no es transparente, el cambio de tema modificará el esquema de
colores del blog.

3.- DISEÑO
Puede elegir entre una variedad de opciones de diseño para su blog, de una a tres columnas. Estos
diseños cuentan con la funcionalidad de arrastrar y soltar para los gadgets. También dispone de
una variada gama de opciones de diseño para el pie de página del blog.
María Villa


4

Si desea añadir o suprimir gadgets, o bien modificar su configuración, no podrá hacerlo con el
Diseñador de plantillas de Blogger. En su lugar, se debe utilizar la ficha general Diseño que
veremos más adelante.

4.- AJUSTAR ANCHO
Se Puede cambiar el ancho del blog y de las columnas izquierda y derecha si arrastramos los
controles deslizantes de las distintas partes del diseño del blog. Hay que fijarse en que las
opciones que hay aquí se corresponden con el tipo de diseño que hemos elegido. Si, por ejemplo,
elegimos un blog con columnas a izquierda y derecha, se verán controles deslizantes en las dos
columnas. Sin embargo, si optamos por un blog con una única columna a la izquierda, aquí
solamente se verá esa opción.

5.- AVANZADO
Esta pestaña nos da muchas posibilidades de personalizar nuestro blog en cuanto a colores en los
textos y fondos de nuestro blog.

A continuación se detallan todas las posibilidades que nos da la pestaña Avanzado:
Texto de la página. Es el texto de la página. En esta opción podemos modificar el tipo, color,
tamaño y dar formato a la fuente del texto de la página.

María Villa


Fondos. Se puede cambiar el color del fondo exterior y del fondo del pie de página.

Enlaces. Se puede cambiar el color del enlace, enlace visitado y enlace con el ratón sobre él.

Título del blog. En esta opción podemos modificar el tipo, color, tamaño y dar formato a la fuente 5
del título.

Descripción del blog. Se puede cambiar el color del texto que describe la temática del blog.

Texto de la pestaña. Se puede cambiar la fuente, el color del texto, el color seleccionado y dar
formato a la fuente del texto de las pestañas. Esta opción es válida para las plantillas que poseen
pestañas.

Fondo de las pestañas. Se puede cambiar el color del fondo y del separador. Sólo para plantillas
que tengan pestañas.

Cabecera de fecha. Sirve para cambiar el texto de la fecha de cabecera de cada entrada. Se puede
cambiar el color, la fuente y el formato.

Estilo de la entrada. Se puede cambiar el estilo de la entrada. Las modificaciones que se pueden
hacer son el tamaño del texto, el color de fondo y el color del borde.

Pie de página de la entrada. En él se puede cambiar al color del texto.

Gadgets. Se puede cambiar el color, la fuente y el formato del texto de los gadgets.

Pie de página. Se puede cambiar el color del título del gadget y del texto del pie de página del
blog.

Enlaces a pie de página. En esta pestaña se cambia el color del texto del enlace, del enlace
visitado, y del enlace cuando se pone el ratón sobre él.

Añadir CSS. Sirve para añadir código CSS personalizado.

María Villa

UD.3: Administración y diseño del blog II Creación de un blog con blogger

Unidad 3: Administración y diseño del blog II
1

1. Diseño de los elementos del blog 1
1.2. Insertar un gadget 2
2. Presentación de imágenes con álbumes 4

1.- DISEÑO DE LOS ELEMENTOS DEL BLOG
Para nuestro blog, desde la pestaña Diseño, podemos elegir una serie de elementos para la página,
ver el código HTML o diseñar una plantilla. Al hacer clic en uno de los enlaces Editar de cualquiera
de las cajas nos aparece un cuadro de diálogo para proceder a la edición de esa zona concreta de
nuestro blog. Ahora veremos cómo podemos mejorar la página principal de nuestro blog viendo
punto por punto.

Barra de navegación. Aparece una ventana en la que podemos elegir entre varios colores.
Cabecera. En ella podemos poner nuestro nombre, una pequeña descripción de nuestro blog o de
nosotros, añadir una imagen desde nuestro equipo o desde una dirección, e incluso ubicarla donde
queramos.
Imagen. Podemos ponerle un título, pie de foto, o un enlace.
Entradas del blog. Se puede modificar el número de entradas, la fecha de entrada, comentarios y
etiquetas.
María Villa


Datos personales. Con el modificas varios apartados del perfil.
Seguidores. Muestra los seguidores que tienes en el blog.
Archivos del blog. Se puede cambiar el estilo de visión, la frecuencia y el formato.
Insertar un gadget. En el siguiente punto veremos este caso ampliado.
2

Para incluir una imagen en la cabecera del blog debemos tener en cuenta las siguientes
instrucciones:
Las imágenes son un gran recurso para nuestro blog. No hay que abusar de su uso, pero tampoco
hay que olvidarlas, porque pueden ilustrar muy bien los contenidos. La actual Web 2.0 está llena de
imágenes que demuestran la gran creatividad de sus autores, pero hay que tener cuidado de no
recargar nuestras páginas con fotografías demasiado pesadas. Para ello, vamos a aprender a
reducir el tamaño de las imágenes con Paint de manera que queden con una resolución más
pequeña. Se hace de la siguiente manera:
1. Se selecciona la imagen que
previamente está en Vista en
miniatura con el botón derecho y
seleccionamos Editar.
2. Aparece una ventana de Paint en la
que seleccionamos Imagen > Expandir
o Contraer.

3. En esta ventana tenemos cambiamos el porcentaje horizontal y vertical dependiendo del tamaño
que tenga la imagen. A mayor tamaño, menor
porcentaje. Después aceptamos la orden.

4. Una vez hecho esto guardamos la imagen para que se
haga efectivo el cambio. Y ya está lista para ser colgada
en el blog.

1.2.- INSERTAR UN GADGET
Si deseamos añadir elementos nuevos hacemos uso del enlace Añadir un gadget (mini
aplicaciones, diseñadas para proveer de información o mejorar una aplicación o servicios de un
ordenador).
En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir.
María Villa


Alguno de ellos son los que se especifican a continuación y además son de los más usados (aunque
también se pueden introducir algunos que creemos nosotros o que lo copiemos de alguna página:
- Una presentación a base de fotografías de Picasa, Flickr, etc.
- Una encuesta para conocer la opinión de los usuarios. Podemos elegir las respuestas que
deseemos y especificar una fecha límite.
3
- Diversas listas.
- Imágenes.
- Publicidad.
- Encuestas.
- Etc.

Una de las opciones es añadir un Gadget que hayamos encontrado o buscado en cualquier página.
En Internet hay muchos gadget que podemos utilizar. La forma de actuar es copiando el código e
insertándolo en la pestaña, creada para ello, de nuestro blog. Ahora veremos como se hace.

María Villa


4

Seleccionamos HTML/Javascript Insertamos título y código y aceptamos

Existen multitud de gadget diferentes según las preferencias del usuario. Se recomienda mirarlos
todos para así saber cual se adapta mejor a nuestras necesidades.

2.- PRESENTACIÓN DE IMÁGENES CON ÁLBUMES
Comentamos, como ejemplo, la adición de una presentación desde un álbum de Picasa o Flickr. El
proceso es bastante simple:

Si no tenemos la opción insertada,
la buscamos dando a Añadir
Gadget y buscamos la
Presentación.
En fuente elegimos Álbumes web
de Picasa.
En opción elegimos la opción que
mejor nos parezca (se puede elegir
por álbum o por palabras clave).
En nombre de usuario elegimos el
usuario del que queremos añadir
una presentación.
Cuando elegimos un usuario nos
aparece la lista de álbumes que
tiene en Picasa.
Por último hacemos clic en el
botón GUARDAR.

María Villa

UD.4: Creación y Edición de Entradas Creación de un blog con blogger

Unidad 4: Creación y Edición de Entradas
1

1. Ventana principal de Blogger 1
2. Nuestra primera entrada o noticia 4
3. Administración de entradas 6
4. Incluir textos. Uso del editor web 7
5. Añadir autores a nuestro blog 7
6. Insertar un enlace 9
7. Imágenes en un blog 9
7.1. Compartir imágenes en internet 10
7.2. Insertar imágenes desde el Redactor 10
7.3. Insertar imágenes desde el Editor de HTML 11
8. Ayuda 12

1.- VENTANA PRINCIPAL DE BLOGGER
Una vez creado nuestro blog, pasamos a describir los elementos principales de Blogger.
Cuando accedemos al Escritorio de nuestro blog encontramos en la izquierda nuestro perfil de
usuario.

Teniendo presente el carácter personal de los blog no sería descabellado, para que nos conozcan,
poner nuestros datos personales reales (obviamente esto no es imprescindible y se pueden utilizar
pseudónimos), que podrán ser vistos por los visitantes de nuestro blog y que aparecerán cuando
escribamos un comentario en otro blog.

María Villa


En este lugar nos encontramos una ventana en la que aparecen los blog que tenemos y un menú
rápido para la creación de entradas, su administración y la configuración del blog.

2

Si hacemos clic en nuestro blog en los enlaces que contiene aparecen unas nuevas ventanas con
las opciones siguientes:

PESTAÑA CREACIÓN DE ENTRADAS

Nueva entrada: Añadir una entrada nueva.
Editar entradas: Si pinchamos en este botón aparecen todas las entradas para poder editar, borrar
o ver entradas, así como toda la información en referencia a ellas.
Moderación de comentarios: Se muestran los comentarios existentes en el Bitácora con el objeto
de aprobarlos, rechazarlos, marcarlos como Spam o borrarlos.

PESTAÑA COMENTARIOS

Publicados: Se muestran todos los comentarios que han publicado en su blog. Todos ellos se
pueden gestionar, suprimir o avisar de spam.
Spam: Se muestran posibles spam y los podemos gestionar por si no se trata de uno.

PESTAÑA CONFIGURACIÓN

María Villa


Básico: Modificación de los elementos Título, Descripción, ¿Deseas añadir tu blog a nuestras
listas?, ¿Deseas permitir que los motores de búsqueda encuentren tu blog?, ¿Mostrar Edición
rápida en su blog?, ¿Mostrar enlaces de envío de entradas? y Contenido para adultos, etc.
Publicación: Posibilidad de comprar un dominio para publicar en un servidor FTP externo.
Formato: Muestra la posible modificación de los elementos del blog como son el número de 3
entradas, los formatos de horas, el idioma y la visualización de títulos y enlaces.
Comentarios: Modificación de todos los elementos relativos a los comentarios como son la
persona que los puede realizar, la ubicación, el formato de la hora en ellos o que se envíen
mensajes con los comentarios.
Archivo: Podemos apreciar que las noticias tengan cada una su página web y la frecuencia de
éstas.
Feed del sitio: Posibilita la distribución de toda la noticia o un extracto de ella, así como el pie de
página de estos feed.
Correo electrónico y móvil: Direcciones de correo a las que se les quiere notificar la creación de
entradas en nuestro blog, así como a dispositivos móviles.
Open ID: Puedes utilizar nuestra URL de OpenID para acceder a sitios donde se haya habilitado
OpenID. También puedes permitir a los usuarios de OpenID que publiquen comentarios en nuestro
blog ajustando la configuración
Permisos: Página en la que se establecen quiénes son los autores y lectores de nuestro trabajo.

PESTAÑA DISEÑO

Elementos de la página: Muestra la configuración del blog, si arrastramos los distintos elementos
se puede cambiar la posición de los mismos.
Edición de HTML: Muestra el código fuente del blog. Se puede modificar.
Diseñador de plantillas: Elección de distintas plantillas que otorgan a nuestro trabajo una
apariencia distinta. Posibilita la modificación de los colores de la página, tablas, bordes y fuentes
que aparecen en ella.

PESTAÑA MONETIZAR

Configurar AdSense: AdSense es un programa que se instala en nuestro blog y nos permite ganar
dinero gracias a los anuncios compuestos de imágenes y texto que se colocan en nuestro blog.
Google se encarga de elegir automáticamente los anuncios que aparecerán en nuestro blog en
función del contenido del mismo. Además, nos permite ganar dinero si los visitantes ven los
anuncios o si hacen clic en ellos.
María Villa


AdSense para feeds: AdSense para feeds coloca anuncios relevantes en los elementos de feeds.
Google se encarga de elegir automáticamente los anuncios que aparecerán en tu blog en función
del contenido del mismo. Además, te permite ganar dinero si los visitantes ven los anuncios o si
hacen clic en ellos.

PESTAÑA MONETIZAR 4

Visión general: Muestra la gráfica con las estadísticas de visitas.
Entrada: Muestra las estadísticas de las entradas.
Fuentes de tráfico: indica de dónde vienen las visitas, cómo vienen las visitas y mediante qué
keywords vienen las visitas (siempre y cuándo hablemos de los buscadores).
Público: Clasifica las visitas en función del sistema operativo, el país o el navegador.

2.- NUESTRA PRIMERA ENTRADA O NOTICIA
Comenzamos nuestra primera noticia, entrada, etc. en nuestro
blog poniendo la dirección del mismo en nuestro navegador
(por ejemplo http://clasedefrances.blogspot.com/). Si no
estamos identificados con nuestra cuenta de correo Gmail nos
aparece una ventana en la que se nos pide que introduzcamos
nuestra cuenta de correo y contraseña para el acceso.
Una vez introducidos dichos datos hacemos clic en Acceder.
Es aconsejable, si se trabaja desde un ordenador personal,
marcar la opción No cerrar sesión, con lo que evitamos tener
que identificarnos en sucesivas ocasiones.
Posteriormente hacemos clic en NUEVA ENTRADA.

Accedemos a un formulario en el que escribimos nuestra noticia. En él se encuentran los siguientes
elementos:
1. El título de la entrada.
2. La caja de texto para incluir el texto y/o cualquier otro elemento.
3. El editor, compuesto por dos pestañas: Edición de HTML (mediante la cual accedemos al
código fuente de la página) y Redactar (en el que se ve tal y como aparecerá en el blog.
Dispone de una barra superior de botones para formatear el texto y para incluir
María Villa


elementos multimedia y que permite el diseño visual de la entrada)
4. El enlace Vista previa, que nos muestra una vista de la entrada como si estuviera
publicada; sirve para hacernos una idea de cómo va a quedar finalmente la entrada.
Publicar entrada que publica la entrada una vez terminada de redactar. Y Guardar ahora
que mantiene una copia en el borrador para que no se pierda la información si ocurre
algún percance no previsto. 5

5. Etiquetas es una caja de texto en la que podemos introducir palabras clave o expresiones
separadas por comas que definen y clasifican las entradas (posteriormente se pueden
visualizar estas etiquetas en el lateral del blog para que los lectores lean las entradas
seleccionando las etiquetas que las incluyen).
6. El enlace Opciones de entrada abre otra sección del editor donde se pueden permitir o no
los comentarios de los lectores y también modificar la fecha y hora de la entrada (esto
nos puede servir para escribir varias entradas y que se publiquen en diferentes
momentos).
7. El enlace Volver a la lista de entradas, nos manda directamente a la siguiente pestaña, o
sea, Editar entradas.
Si hacemos clic sobre Publicar entrada (siempre se puede modificar lo escrito o borrar) la noticia
se publicará en nuestro blog, dándonos la opción de Ver blog o modificar algo.

María Villa


El resultado final sería algo así:

6

3.- ADMINISTRACIÓN DE ENTRADAS
Una vez publicadas las entradas de nuestro blog podemos, en cualquier momento, editarlas,
eliminarlas, elegir el número de entradas por página, etc. Para ello, una vez identificados, desde el
Escritorio pinchamos en Editar entradas.

NOTA: la edición de entradas y la configuración del blog está reservada a la persona que lo creó (en
caso que se haya invitado a otros usuarios como autores en el mismo).
En el siguiente cuadro de diálogo podemos elegir:
Editar o ver una entrada en concreto. Para ello hacemos uso de los enlaces Visualizar o
Editar situados a la izquierda de cada entrada.
Suprimir una entrada. Para ello hacemos uso de los enlaces Suprimir situados a la derecha
de cada entrada.
Especificar el número de entradas de cada página. No es conveniente un número elevado
para no sobrecargar excesivamente el contenido de cada una.

María Villa


7

También se puede buscar una entrada poniendo el nombre de lo que recordemos de ella y dándole
a buscar.

4.- INCLUIR TEXTOS. USO DEL EDITOR WEB
Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. No debemos
pegar en dicho editor texto procedente de otra página Web o de un procesador de textos, ya que
de hacerlo así puede que incorporemos, sin desearlo, código que luego dificultará la edición de las
noticias.
NOTA: Para pegar texto en una entrada del blog podemos hacer dos cosas:
 Pegar antes dicho texto en el bloc de notas (Windows) o editor de textos (GNU/Linux), con
lo cual se “pierde” el código asociado al texto. Posteriormente seleccionar de nuevo el
texto, copiarlo y pegarlo entonces en el blog.
 Una posibilidad más rápida consiste en elegir la pestaña Edición de HTML (la comentamos
más adelante) y pegar allí el texto sin “pasarlo” por el bloc de notas o editor de textos.
Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de
Blogger para darle formato. Presenta unos iconos muy similares a los de otras aplicaciones de
tratamiento de texto, con unas funciones muy parecidas. Una vez seleccionado un texto podemos
elegir para el mismo:

5.- AÑADIR AUTORES A NUESTRO BLOG
Puede que deseemos, si no se trata de un blog personal, que más de una persona (amigos,
compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo. Si lo hacemos, esas
personas podrán añadir entradas, pero tendrán restringidas las opciones de configuración del blog
(posibilidad reservada para la persona que lo creó). No obstante, también podemos darle permiso

María Villa


de edición otorgándoles el rol de administrador del blog.
Para añadir autores a nuestro blog hacemos clic en el enlace Configuración, que se encuentra en el
Escritorio.

8

Posteriormente hacemos clic en Permisos.

En la nueva página podemos añadir a los usuarios que van a ser autores del mismo (máx. 100).

Para ello hacemos clic en el botón AÑADIR AUTORES y escribimos su dirección de correo.
Posteriormente pinchamos en el botón INVITAR para enviarles una invitación para compartir la
autoría del blog.
La persona a la que hemos invitado deberá acceder a su cuenta y verá un correo de invitación;
deberá abrirlo y hacer clic sobre el enlace que contiene para poder participar en el blog.
Al hacer clic sobre él le aparecerá un formulario para aceptar la invitación. Deberá rellenar sus

datos y aceptar. Por último, elegirá el nombre que desea que muestre el sistema (su seudónimo).
Una vez ha aceptado podemos entrar de nuevo en Permisos para otorgarle permisos de

María Villa


administrador del blog.

6.- INSERTAR UN ENLACE
Si deseamos poner un enlace a un texto (en el ejemplo pretendemos que se convierta en un
enlace que nos lleve a una dirección Web) debemos, en primer lugar, seleccionarlo. Una vez hecho
9
utilizamos el icono Enlace del Editor Web.

En primer lugar aparece un lugar para poner Texto para
mostrar en el que pondremos el texto que queremos que
sea visto. Este texto aparecerá en el lugar que le
designemos. Lo más recomendable es poner Pincha aquí o
Accede desde aquí o algo semejante ya que este texto le
redirecciona a la página o email que hemos puesto en el
enlace.
El siguiente punto nos pide que pongamos la Dirección web
en el cuadro de diálogo que nos aparece. En él escribiremos (aunque lo más rápido es pegar la
dirección que previamente hayamos copiado del navegador) la URL de destino del enlace.
Por último se nos pide una Dirección de correo electrónico en la que podemos dar un email para
que el pinchar sobre él dos mande directamente a la dirección.
Una vez finalizado aceptamos y queda insertado el enlace.

7.- IMÁGENES EN UN BLOG
Con respecto a las imágenes hay que indicar que, como cualquier creación, está sujeta a derechos
de autor. Por tanto, no debemos incluir una imagen en nuestro blog de otro usuario sin disponer
de su permiso. Para salvar esta eventualidad es conveniente que, en caso de querer utilizar
imágenes que no sean nuestras, acudamos a sitios Web con licencia Creative Commons
(http://es.creativecommons.org/) o similares.
 Banco de imágenes y sonidos del ITE: http://bancoimagenes.isftic.mepsyd.es/
 Open Clip Art Gallery: http://www.openclipart.org/
 Openphoto: http://www.openphoto.net/
 Free Digital Photos: http://www.freedigitalphotos.net/
 Mediateca de EducaMadrid: http://mediateca.educa.madrid.org
 Lista de sitios que ofrecen imágenes:
http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm
María Villa


7.1. COMPARTIR IMÁGENES EN INTERNET
Desde que aparecieron en el mercado las cámaras digitales y la relación calidad-precio fue
atractiva para un amplio público, se ha incrementado exponencialmente la venta de este tipo de
cámaras y el número de instantáneas. La facilidad con que se realizan las fotografías y se pueden
visualizar a través de un ordenador ha ido pareja a la facilidad de publicar dichas imágenes en
10
Internet y compartirlas con los amigos y familiares.
Existen en Internet sitios Web que permiten a los usuarios "subir" sus fotografías y que, una vez
almacenadas en ellos, puedan ser visualizadas desde cualquier equipo que tenga conexión a
Internet. Estos sitios permiten igualmente compartirlas (o no en función de la elección de cada
usuario), ordenarlas gracias a las etiquetas (tag), etc.
Básicamente se trata de gestionar fotografías online desde una página Web que, además, ofrece
una serie de prestaciones anexas (crear álbumes, un perfil de la persona que sube las fotos, etc.).
Una característica fundamental de estos servicios, como se ha comentado anteriormente, es su
vertiente social, ya que subir imágenes es mucho más que archivarlas: se convierten en lugar de
reunión de aficionados, sala de exposiciones, vehículo de comunicación de experiencias e
iniciativas que se comparten y se llevan a cabo online.
Entre los sitios Web que permiten albergar imágenes de forma gratuita podemos encontrar
muchos. Los más populares son:
- Flickr (http://www.flickr.com/).
- Picasa Web Albums. Esta aplicación funciona con una cuenta de Google (la misma cuenta
Gmail que utiliza para su blog). Tiene una aplicación para subir fotos de forma masiva.

7.2.- INSERTAR IMÁGENES DESDE EL REDACTOR
Una de las formas de insertar una imagen o fotografía en su blog es con el Redactor:

Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en el
blog desde:
- Nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen.
- Nuestro blog, seleccionando la imagen que deseemos.
- Nuestro álbum Picasa, se elige el álbum y de ahí seleccionamos la imagen.
- Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la
imagen en la caja de texto URL.

María Villa


11

Si necesitamos la inclusión de más de una imagen (tanto desde nuestro equipo como desde una
dirección Web) solo tenemos que seleccionarlas cuando aparecen en la ventana emergente.
Esta entrada es la más sencilla de las dos si no se poseen conocimientos de lenguaje HTML.

7.3.- INSERTAR IMÁGENES DESDE EL EDITOR DE HTML
Si queremos insertar la imagen desde el Editor de HTML, solo tenemos que pulsar el siguiente
icono:

Una vez seleccionada la imagen elegimos un diseño (aquí decidimos la colocación de la imagen: a
la izquierda o derecha de un párrafo, o bien centrada sin texto alrededor), añadir una leyenda y el
tamaño de la imagen. El cuadro de diálogo nos ofrece 3 posibilidades: Pequeñas, Medio o
Grandes.

Posteriormente hacemos clic en el botón SUBIR IMAGEN y, por último, en FINALIZADO, con lo que
aparecerá en la entrada del blog. Una vez concluido el proceso hacemos clic sobre el botón
PUBLICAR ENTRADA.

María Villa


12

NOTA: Podemos redimensionar la imagen en el cuadro que aparece bajo ella, aunque se
recomienda que se haga previamente a la subida de la imagen con aplicaciones de retoque y
creación de imágenes. Este cuadro aparece pulsando la fotografía. También se puede alinear la
imagen a la derecha, izquierda o centrarla y también se le puede añadir una leyenda.

8.- AYUDA
Si necesitamos ayuda en cualquier momento disponemos de una ayuda en línea situada en la
parte superior derecha de la pantalla.

En ella podemos encontrar Artículos de la ayuda, un Foro de ayuda y un blog con todas las
novedades de Blogger.
También existe una Guía de Instrucción, pero de momento sólo la podemos encontrar en inglés.

María Villa

UD.5: Inc. vídeos, presentaciones y archivos diversos Creación de un blog con blogger

Unidad 5: Incluir Vídeos, Presentaciones y
Archivos Diversos
1

1. Agregar vídeos 1
2. ¿Cómo incorporar un vídeo? 2
3. Agregar presentaciones 4
3.1. ¿Qué ofrece Slideshare? 4
3.2. Crear cuenta y subir presentaciones con Slideshare 5
4. Enlazar archivos diversos en el blog 5
5. Podcast 6

1.- AGREGAR VÍDEOS
Los vídeos educativos se han ido implantando poco a poco en nuestro sistema de enseñanza como
una herramienta útil, como un apoyo importante para diversas situaciones de aprendizaje.
Cuando hablamos de vídeos educativos no sólo nos referimos a los vídeos didácticos, sino también
a los vídeos que puedan servir de apoyo a la docencia. Hasta hace bien poco era muy dificultoso
elaborar un vídeo y poder verlo a través de Internet, por lo que se recurría a cintas comerciales
para suplir dicha dificultad. Hoy día es relativamente sencillo grabar un vídeo a través de diversos
dispositivos (cámara de vídeo, fotográfica, teléfono móvil, etc.) y ponerlo en la Red para su
visionado, hecho que ha supuesto un resurgimiento del recurso del vídeo en la enseñanza.
Los vídeos se pueden clasificar de la siguiente manera:
Documentales: muestran de manera sistemática y ordenada información sobre un tema.
Narrativos: se presenta la información detallada y por orden cronológico de un individuo,
hecho histórico, etc.
Lección mono conceptual: son vídeos de muy corta duración que se centran en presentar
un concepto o idea de forma clara y concisa.
Lección temática: son los clásicos vídeos didácticos adaptados al público al que se va a
dirigir.
Vídeos motivadores: pretenden ante todo impactar, motivar e interesar a los espectadores.
Existen en Internet algunas páginas para alojar vídeos de forma gratuita. Entre los más populares
cabe destacar:
María Villa


Youtube (http://es.youtube.com/), el más utilizado y conocido.
Dalealplay (http://www.dalealplay.com/). Puede que sea uno de los servicios en español
más populares después de Youtube o Google Video. Cuenta con varias secciones para
navegar por categorías, ver los vídeos recomendados o los más vistos. Una vez que
realizado el registro en esta Web se puede enviar vídeos y disponer de un espacio propio
para compartirlos, clasificarlos y encontrar a otros usuarios con intereses similares. 2
Tu.tv (http://tu.tv/). Muestra los vídeos más votados de la Web, un ranking, una sección de
noticias y la posibilidad de crear tu propio grupo de usuarios o unirte a uno de tu elección.
Vago.tv (http://vago.tv/ ). Este es uno de los más recientes servicios dedicados a ofrecer los
mejores vídeos de Internet, clasificados en función de sus votaciones, visitas, comentarios y
fechas de publicación. Cuenta con un sistema de canales de vídeo y es posible suscribirse
mediante correo electrónico para recibir las actualizaciones de la página.
Yatv (http://www.yatv.com/). Es el portal de alojamiento gratuito de vídeos de Ya.com. En
él se puede ver, subir y compartir todo tipo de vídeos en la Red con tan sólo crear una
cuenta de usuario. También se pueden ver canales de televisión.

2.- ¿CÓMO INCORPORAR UN VÍDEO?
Para incorporar un vídeo en su blog puede optar, como en el caso de las imágenes, por hacerlo de
dos maneras. Para cualquiera de los dos modos se comienza de la misma forma:

Imagen desde nuestro equipo, subiendo directamente un vídeo desde su ordenador
mediante el icono Añadir vídeo, que se encuentra en el redactor.
Aparece una nueva ventana emergente en
la que se elegirá la ubicación de su archivo.
Se pondrá un título y un texto explicativo si
se desea y Por último se hará clic en el
botón Subir.
Deberá esperar unos minutos para que
concluya la subida ya que variará el tiempo
dependiendo del tamaño del archivo.
Una vez que esté cargado haga clic sobre el
botón Publicar entrada cuando haya
María Villa


terminado para que se haga efectiva la entrada en su blog.
Una vez que esté cargado haga clic sobre el botón PUBLICAR ENTRADA cuando haya terminado.
Otra posibilidad de incorporar vídeo a una entrada es hacerlo desde una de las Webs
comentadas con anterioridad (por ejemplo desde Youtube). Una vez hemos localizado el
vídeo que queremos incorporar, debemos seleccionar y copiar el texto que aparece en la 3
caja Insertar de Youtube.

En una entrada de nuestro blog en la que queremos insertar un vídeo hacemos clic en la pestaña
Edición de HTML y pegamos el texto copiado de Youtube.

También podemos Añadir un vídeo desde Youtube y aparece un buscador en el que podemos
poner el tema que estamos buscando. Por ejemplo: “la educación en las aulas” y aparece un
listado de los vídeos que existen con ese texto o título.

María Villa


4

A continuación seleccionamos el vídeo que estamos buscando, pinchamos en Seleccionar y el
vídeo queda ingresado en nuestra entrada y una vez que esté completo pulsamos en Publicar
entrada.

3.- AGREGAR PRESENTACIONES
El uso educativo de presentaciones es adecuado en actividades destinadas a compartir
información.
Este tipo de trabajo conlleva un tratamiento más complejo de la información que la simple
exposición oral o la respuesta de cuestionarios. Hay que enfrentarse a la necesidad de definir
claramente el tipo de comunicación que se quiere realizar: descriptiva, argumentativa, persuasiva,
etc. y el tipo de audiencia o público destinatario de esta presentación.
Es decir, lo primero que se debe definir con claridad es la finalidad de la presentación y hacia
quiénes está dirigida. Las herramientas de presentación combinan formas, texto, colores,
movimiento y sonido; todo con la única finalidad de hacer más atractivo y comprensible la idea
que se está ofreciendo.
Power Point, OpenOffice Impress1, o Adobe Acrobat son algunas de las aplicaciones con las que
podemos crear fácilmente presentaciones con el ordenador. En el próximo punto veremos cómo se
pueden visualizar estas presentaciones en nuestro blog.

3.1.- ¿QUÉ OFRECE SLIDESHARE?
Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones en diversos
formatos, que luego quedan almacenadas en formato Flash para ser
visualizadas online. Es una opción interesante para compartir
presentaciones en la Red. Admite archivos de hasta 20 Mb. de peso (sin transiciones entre
diapositivas).
Los formatos admitidos son: ppt y pps, odp y pdf.
Slideshare ofrece muchas posibilidades pero la más importante es la de poder mostrar
presentaciones.

1 http://es.openoffice.org
María Villa


3.2.- CREAR CUENTA Y SUBIR PRESENTACIONES CON SLIDESHARE
En primer lugar se accede a la página (http://www.slideshare.net/) y hacemos clic sobre Signup.

5

El proceso de creación de cuenta es similar al de otros sitios Web. Una vez que ha entrado con su
cuenta haga clic sobre su nombre de usuario. Cuando aparezca la página siguiente podrá subir su
primera presentación haciendo clic sobre Upload. Después en Upload publicly.

Entonces localizamos el archivo a subir de nuestro equipo y transcurren unos instantes de espera
mientras la aplicación convierte su documento. Al finalizar la subida copiamos el enlace que hay en
el cuadro Embed y lo pegamos en nuestro Editor de HTML.

De esta manera conseguimos insertar en nuestro blog una presentación.

4.- ENLAZAR ARCHIVOS DIVERSOS CON BLOGGER
Como hemos podido comprobar, Blogger nos permite la subida de imágenes y vídeos. No obstante
es probable que necesitemos la inclusión o el enlace a otro tipo de archivos (pdf, mp3, odt, etc.).
En ese caso tenemos que optar por subir esos archivos a un servidor y enlazarlos en nuestro blog.
¿A qué servidor podemos subir archivos? Pues tenemos varias posibilidades:
Si dispone de conexión a Internet en su domicilio es seguro que la compañía que le da
acceso a Internet ponga a su disposición espacio en sus servidores.
Puede utilizar sitios Web de alojamiento gratuito.
También puede, haciendo uso de su cuenta con Google, utilizar el espacio que nos ofrece
de forma gratuita. Para ello:
Acceda a dicho servicio a través del enlace http://sites.google.com (si no está identificado
introduzca su cuenta de correo Gmail y su contraseña).
En la parte de la derecha de la pantalla verá un enlace para crear un sitio. Rellene el formulario.

María Villa


6

Una vez creado pulse en el encale Crear página. Elija seleccionar plantilla, nombre y localice en su
equipo el archivo que desea subir. Una vez subido haga clic con el botón derecho sobre el archivo
y, en el menú emergente, seleccionamos la opción Copiar dirección del enlace.
Por último, para enlazar desde nuestro blog con el archivo procedemos igual que con cualquier
otro enlace: seleccionamos una palabra o palabras de nuestro blog y pegamos el enlace cuando
nos aparezca el cuadro de diálogo para introducir la dirección Web.

5.- PODCAST
Un tipo especial de archivos para nuestro blog son los podcast. Según Wikipedia “El podcasting
consiste en la creación de archivos de sonido (generalmente en formato mp3 o AAC y, en algunos
casos, ogg) y de vídeo (llamados videocasts o vodcasts) y su distribución mediante un archivo RSS
que permite suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el
momento que quiera, generalmente en un reproductor portátil”.
Se trata, por tanto, de “colgar” archivos de audio en el blog con la posibilidad de que cualquiera
pueda suscribirse a vuestro canal de RSS y bajarse dichos archivos según se suben (como un lector
de feed de audio). No sería necesario un blog para esto, pero nos permite que nos dejen
comentarios los visitantes del mismo (algo que no ocurre si los alojamos en otro sitio Web).
El origen de la palabra podcast proviene de dos palabras: iPod y broadcasting. iPod es uno de los
primeros reproductores de MP3 (creado por Apple) y broadcasting es una palabra inglesa que
significa radiodifusión. De la unión de ambos términos surge podcast para definir una tecnología
de transmisión de contenidos sonoros en formato digital a través de Internet.
Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y poder convertirlo
en MP3. Proponemos Audacity por:
Su licencia (GPL) con lo que no existen problemas para su descarga y uso.
Permite grabar, editar y manipular archivos de sonido digital en diversos formatos: WAV,
María Villa


MP3 y Ogg. Podemos igualmente crear grabaciones a partir de archivos individuales,
añadirles múltiples efectos, etc.
Admite los comandos básicos de edición (cortar, copiar, pegar, deshacer), mezcla canciones
e incluye un editor de amplitud, un espectrograma y un analizador de frecuencias
implementados.
7
Para hacer un podcast podemos seguir las instrucciones que nos ofrece en varias páginas Web
como:
1. “Como hacer un podcast: tutorial paso a paso”: http://www.podcastellano.com/como-
hacer-podcast
2. “Oír el blog Iniciando: el podcast para hacer tu propio podcast”:
http://iniciandopodcast.blogspot.com/
Existen programas que permiten publicar podcast, generar el archivo RSS del mismo y subirlo a un
servidor:
 Easypodcast: http://www.easypodcast.com/index-es.html
 Poderator (Aplicación online): http://poderator.com/

Más información: http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-el-
sonido-y-alojamiento/2/

María Villa

UD.6: Añadir actividades interactivas Creación de un blog con blogger

Unidad 6: Añadir Actividades Interactivas
1

1. Actividades interactivas 1
1.1. Hot Potatoes 1
1.2. JClic 2
1.3. CD Rayuela 3
1.4. Lim 3

1.- ACTIVIDADES INTERACTIVAS
A continuación describiremos algunas herramientas de autor para la elaboración de actividades
interactivas en formato de páginas Web.

1.1. - HOT POTATOES
Sistemas Operativos: Windows, Macintoch y Ubuntu.
Licencia: Libre siempre que los ejercicios que genera sean utilizados en ámbitos
educativos y sin ánimo de lucro.
Idioma: Incluye el español.

Hot Potatoes es una herramienta de autor desarrollada por el Centro de Lenguas de la Universidad
de Victoria (Canadá), que permite la elaboración de ejercicios interactivos (crucigramas, test de
respuesta múltiple, multiselección, emparejamiento, etc.) a partir de unos esquemas
María Villa


predeterminados.
Aunque los ejercicios se elaboran utilizando los lenguajes HTML y JavaScript, no es necesario
conocerlos para poder utilizar Hot Potatoes. Para crear ejercicios sólo hay que introducir los datos
(textos, preguntas, respuestas, etc.) y el programa generará las páginas Web. Posteriormente se
puede publicar dichas páginas en cualquier servidor.
En esta página http://platea.pntic.mec.es/~iali/CN/HotPot60/tutorial.htm se puede encontrar un
manual de Hot Potatoes y el código para incorporar las páginas generadas en nuestro blog en: 2
http://avalerofer.blogspot.com/2007/05/ejercicios-con-hot-potatoes-en-blogger.html

1.2.- JCLIC
Sistemas Operativos: Multiplataforma (Windows, Linux, Solaris, Mac).
Licencia: Libre.
Clic (http://clic.xtec.es/es/index.htm) es una herramienta de creación de actividades muy utilizada
por el profesorado desde su aparición a principios de los años 90. La nueva versión de Clic
(JavaClic) está hecha en Java, por lo que requiere del plugin de java instalado en el equipo del
usuario.
En la actualidad hay cientos de proyectos en su Web destinados a diversas áreas curriculares y al
alumnado desde Infantil a Bachillerato, que se pueden ejecutar desde Internet y/o instalarse en el
equipo del usuario. Están clasificados por: área, idiomas y niveles educativos.
Para incluir una actividad de JClic en nuestro blog primero debe estar alojada en un sitio Web.
Vamos a utilizar las del sitio Web de JClic; una vez allí vamos al formulario de búsqueda
(http://clic.xtec.net/db/listact_es.jsp) y seleccionamos (en base a los filtros de área, idioma y nivel)
una actividad para la inclusión en el blog. Una vez seleccionada una nos aparece una pantalla con
el título, sus autores, una imagen, etc. Debajo, hay un enlace que dice: verlo (applet).

María Villa


Al hacer clic sobre él aparece una ventana con la actividad en funcionamiento.
También se puede copiar el código para instalar en nuestro blog. La forma de hacerlo es copiando
el código que aparece abajo a la derecha y pegándolo en el editor de HTML.
Por ejemplo:
<div style="width:560;text-align:center;font-size:x-small;"><iframe
src="http://clic.xtec.cat/db/jclicApplet.jsp?project=http://clic.xtec.cat/projects/proporci/jclic/prop
3
orci.jclic.zip&skin=@mini.xml&lang=ca" frameborder=0 width=560 height=440
scrolling="no"></iframe><br><a href="http://clic.xtec.cat/db/act_ca.jsp?id=3609">zonaClic -
actividades - Proporcionalidad</a></div>

1.3.- CD RAYUELA
Sistemas Operativos: Windows.
Licencia: Libre.
Genera páginas Web con los ejercicios en un archivo de Shockwave, por lo que hay
que tener instalado el plugin Adobe Shockwave Player. La aplicación se puede
descargar de http://www.cervantes.es/seg_nivel/lect_ens/rayuela.htm. Crea, entre
otras, actividades de: relacionar listas, rellenar huecos, sopas de letras, preguntas de
verdadero/falso, etc.

1.4.- LIM
Sistemas Operativos: Por ahora Windows, aunque está previsto que en el futuro pueda
aparecer un editor para linux.

María Villa


Licencia: Actualmente libre aunque se está trabajando en una versión GPL.
El sistema Lim es un entorno para la creación de materiales educativos, formado por un editor de
actividades (EdiLim), un visualizador (LIM) y un archivo en formato XML (libro) que define las
propiedades del libro y las páginas que lo componen.
Se puede descargar de http://www.educalim.com/cinicio.htm. Entre las posibilidades de esta
aplicación se encuentra crear actividades de: sopas de letras, pregunta-respuesta múltiple, 4

clasificar, huecos en blanco... Las actividades las genera en formato flash, por lo que se requiere el
plugin de esta aplicación instalado en el navegador del usuario.

María Villa

Creación y edición de blogs para docentes

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (14)

Similaire à Creación y edición de blogs para docentes

Similaire à Creación y edición de blogs para docentes (20)

Creación y edición de blogs para docentes