Tema 7 – Blogs

Objetivos

Utilizar y administrar sitios web para recopilar de forma cronológica textos o artículos
de uno o varios autores, apareciendo primero el más reciente.

Contenidos

 Introducción.
 Crear un blog en Blogger.
 Entradas y comentarios.

1. Nueva entrada.
2. Editar entradas y borradores.
3. Comentarios.

 Entradas con contenido externo.

 Importar y exportar entradas.
 Diseño y formato.

1. Plantillas en Blogger.
2. Importar plantillas externas.
3. Modificar el código de la plantilla.
4. Formato de texto y color.
5. Formato del blog.

 Elementos del blog.

 Usuarios del blog.

1. Blog personal público.

2. Blog de un grupo.
3. Blog para una clase.

1. Introducción
Hoy día está muy de moda tener un blog, "no somos nadie" si no tenemos nuestro blog
en Internet. Tanto artistas como sus fans, políticos y, cómo no, profesores y alumnos.
Aunque no es para tanto, sí que es interesante que sepamos crear un blog y hacer buen
uso de él.

No hace falta que busquemos una definición formal de Blog, sólo comprender en qué
consiste y cómo manipularlo. De todos modos, aquí se muestran un par de párrafos de
Wikipedia:
Un blog, o en español también una bitácora, es un sitio web periódicamente
actualizado que recopila cronológicamente textos o artículos de uno o varios autores,
apareciendo primero el más reciente, donde el autor conserva siempre la libertad de
dejar publicado lo que crea pertinente. ...

Este término inglés blog o weblog proviene de las palabras web y log ('log' en inglés =
diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los
barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si
fuese un diario, pero publicado en la web (en línea).

Lo que sí es importante es el hilo de entradas que se van creando en el blog en orden

inverso al de su fecha de creación, es decir, que se mostrará al principio la última
entrada. El concepto de entrada en un blog se refiere a cada nueva información o
propuesta de debate que añade el autor en el blog.

Se puede decidir que los usuarios escriban respuestas a estas entradas. A las respuestas
se les denomina comentarios, y quedan ligados a su entrada correspondiente.

Se puede configurar quién puede hacer o no entradas y quién puede hacer o no

comentarios. Además, los comentarios pueden aparecer automáticamente o pasar por el
filtro del administrador del blog.

Por otro lado, al blog se le pueden aplicar plantillas, personalizar su aspecto, incluir
imágenes, audio, video gadgets (o widgets),...

Existen muchas plataformas que permiten crear blogs, las más extendidas y populares
son Blogger y WordPress. Ésta última incluye la posibilidad de instalar su software en
un ordenador local para ofrecer un servicio de blogs en una intranet.

En este tema, usaremos como referencia los blogs en Blogger, ya que es el más
extendido y muy sencillo de gestionar. También es cierto que, en algunas ocasiones, nos
gustaría hacer más de lo que nos permite.

Aun así, una vez que hayamos aprendido a manejar estos blogs, no tendremos ningún
problema en probar los de otras compañías.

2. Crear un blog en Blogger

Para crear un blog, lo primero será tener una cuenta en Blogger. Si tenemos una cuenta
de Google, como las de GMail, bastará con identificarnos; si no, debemos crear la
cuenta, aunque podemos hacerlo utilizando un correo que no sea de GMail. En este
caso, recibiremos un correo de verificación de la cuenta.
Se iniciará el proceso a través de la URL de Blogger (http://www.blogger.com), donde
podremos identificarnos o dar directamente al botón de crear blogs.

Se nos pedirán tres pasos: registrarnos en Blogger, asignar un nombre al blog y elegir
una plantilla. Si no usamos una cuenta GMail, el primer paso será un poco más largo y
deberemos abrir nuestro correo para confirmar la cuenta. Si usamos una cuenta GMail,
la primera vez, también habrá que registrarse en Blogger, las sucesivas nos pasarán
directamente al segundo paso.

Primero nos piden qué nombre queremos que aparezca como firma de nuestras entradas,
es decir, de nuestros comentarios o cualquier información que incorporemos al blog. Lo
rellenamos y seguimos. Después, ponemos un título al blog y elegimos parte de la
dirección (URL) que nuestro blog tendrá en Internet. Hay que comprobar que lo que
queremos poner esté disponible.

A continuación, como último paso, elegimos una plantilla que dará el aspecto a nuestro
blog. Aunque, después se podrán hacer más cambios e, incluso, cambiar la plantilla.

Por fin el blog está creado.

Sí, ya está creado y podemos buscarlo en Internet mediante la URL que nosotros
mismos introdujimos en pasos anteriores:

Si quisiéramos crear más blogs, lo normal es que lo hiciésemos con el mismo usuario.
Pero, cuando volvemos a Blogger y nos identificamos, lo que vemos es la lista de blogs
en los que podemos añadir entradas. Ahí, también encontraremos un enlace para crear
un nuevo blog.

Actividades

Crea tu blog

1. Entra en Blogger y crea un blog.

3. Entradas y comentarios
• Nueva entrada.

Al crear un blog se nos ofrece introducir la primera entrada, pero tenemos dos puntos de
acceso a la introducción de nuevas entradas que serán los que usemos habitualmente.

Si estamos visualizando el blog y ya estamos identificados, veremos junto a nuestro

identificador un enlace que nos permite crear una nueva entrada.
Si abrimos Blogger y nos identificamos, veremos enseguida un enlace para las nuevas
entradas, acompañado del resto de opciones del menú principal para la gestión de
nuestro blog.

Desde cualquier punto, acabamos llegando al editor que nos permite introducir la
información de la nueva entrada. Debemos poner un título o asunto a la entrada,
podemos insertar imágenes y otros objetos, además de texto, y podemos ver el código
HTML para retocar alguna cosa que no nos quede como queramos.

Podemos hacer uso del enlace "Edición de HTML" para corregir o añadir algo de
código HTML. Aquí será donde "peguemos" el código HTML que nos ofrezcan otros
servicios Web 2.0.

• Editar entradas y borradores.

Siempre podremos corregir una entrada publicada con anterioridad. Para ello iremos al
enlace "Editar entradas".

También vimos que podríamos elegir en el editor entre "Publicar entrada" y "Guardar
ahora". Eligiendo esto último, la entrada quedará guardada como borrador, pero no se
publicará. Para publicarla deberemos ir a "Editar entradas", allí la volveremos a editar
para publicarla.

Cuando entremos en "Editar entradas", veremos la lista de entradas. Podemos elegir

editarla (1), ya sea una entrada publicada o un borrador (se indica en 2), añadirle o
quitarle etiquetas (3, aunque esto también se puede hacer desde la edición), y también
podemos eliminarlas, con el enlace Suprimir que podremos encontrar a la derecha de la
entrada.

• Etiquetas y fecha de la entrada.

Mientras editamos una entrada, debemos ponerle etiquetas. Éstas nos las inventamos
nosotros, pero no debemos crear falsos duplicados, es decir, que pongamos una vez
"curso" y otra "cursos", para Blogger serán dos etiquetas distintas.

Para evitar este problema, podemos usar el enlace "Mostrar todo", para que nos muestre
las etiquetas ya usadas y así, poder hacer clic sobre ellas para reutilizarlas.
Otra propiedad a modificar es la fecha. Ya dijimos que en un blog se visualizan las
entradas por orden inverso de su fecha. Si una entrada la hemos introducido en mal
momento, podremos ir al enlace "Opciones de entrada" y modificar la fecha y la hora.
Además, así conseguiremos intercalar una entrada en el puesto que nos interese.
Si la fecha que introducimos es posterior a la actual y elegimos publicar, se dice que la
entrada queda programada. Es decir, que se publicará cuando llegue la fecha y hora
indicadas.

• Comentarios.

Es bastante usual que los blogs no se usen únicamente para mostrar información, sino
que, además, deseamos que otros usuarios respondan o comenten nuestras entradas.

Lo importante es definir bien qué usuarios podrán hacerlo. Esto se hace normalmente
durante la creación del blog, aunque podemos modificarlo en cualquier momento dentro
del menú "Configuración".
Independientemente de esta configuración, podemos tomar una decisión diferente para
una entrada determinada. Esto lo haremos cuando estamos editando dicha entrada, a
través del enlace "Opciones de entrada". Lo que podemos alterar es el permiso o no para
hacer comentarios.
Actividades

Entradas y comentarios

Partiendo del blog creado en el apartado anterior.

1. Realiza tres entradas: una con sólo texto, otra que incluya una imagen y otra que
incluya un enlace a una página web.
2. Ten en cuenta el uso de etiquetas en las entradas.
3. Prueba a cambiar el orden de las entradas modificando su fecha y hora.
4. Haz que se puedan hacer comentarios en todas las entradas menos en la que
tiene sólo texto. Destaca esta situación en el contenido de la entrada del blog que
no pueda tener comentarios, para que sea fácil de localizar y probar al corregir la
actividad.

4. Entradas con código externo

Hay dos tipos de situaciones en las que los que queremos incluir en la entrada no es
texto, imagen o video desde nuestro ordenador, y que se resuelven incluyendo un
código HTML denominado normalmente "código EMBED". Estas situaciones son:

• Cuando queremos ofrecer un documento hecho por nosotros.

Aquí podemos optar por subir el archivo a un espacio web (si disponemos de él) y
colocar en nuestra entrada un enlace a la URL del archivo.

Pero si no tenemos espacio web o no queremos usarlo, tendríamos la opción de subir el

archivo a algún servicio de visualización de documentos, como Scribd (que veremos en
otro tema), e incluir en nuestra entrada el código EMBED que ese servicio nos ofrecerá.

Para ello en la siguiente imagen, una vez hemos buscado un libro en scribd vamos a
“Incluir” y nos saldrá la siguiente ventana donde copiaremos la segunda opción para
incluirla en nuestro blog en “Enlace HTML”:
 • Cuando queremos incluir algo que hemos encontrado en internet pero que
es público y está compartido.

Si se trata de un servicio Web 2.0 que ofrezca código EMBED, incluiremos este código
en nuestra entrada.

Si es parte de una Web normal, podremos añadir un "iframe" con la URL de la Web
que la visualice como si se tratase de una ventana incluida en nuestra entrada.

Todas estas situaciones las resolveremos dentro

del editor de entradas, en la ficha de "Edición de
HTML".

Para la opción de "incrustar" una página Web dentro de una entrada, simplemente
incluiremos una sentencia iframe de HTML dentro de la ficha de edición de código
HTML, como se ve en la siguiente imagen.
Actividades

Entradas con contenido externo

Partiendo del blog creado en el apartado anterior.

1. Busca algo en Scribd (www.scribd.com) o alguna web similar he incluye en una

nueva entrada su código EMBED.
2. Haz una nueva entrada que visualice una página web haciendo uso de la etiqueta
HTML "iframe".
3. Entrega al profesor un fichero con tu nombre y la URL de tu blog, como entrega
de las actividades sobre "Entradas en un blog".

5. Importar y exportar entradas

Se nos ofrece la posibilidad de importar entradas, con sus correspondientes comentarios,
de un fichero a nuestro blog, y de exportar las entradas de nuestro blog a un fichero.
Esto nos sirve para cubrir dos objetivos:

• Por un lado, podemos usar ese fichero como simple copia de seguridad de las
entradas y comentarios de nuestro blog, por si en un futuro necesitásemos
recuperar información perdida o por si preferimos ir descargando el blog de
entradas, pero sin perderlas definitivamente.
• Por otro lado, el fichero que generamos al exportar las entradas lo podremos
utilizar para importarlas de nuevo a nuestro blog o a cualquier otro blog ya
creado, eligiendo cuales de esas entradas se publicarán en el blog de destino.

Vamos a ver ambos procesos:

Exportar entradas:

Nos situamos en Configuración → Básico y elegimos "Exportar blog". A continuación,

nos ofrecerá guardar un fichero XML con el resultado de la exportación.

Importar entradas:

Nos situamos en Configuración → Básico y elegimos "Importar blog".

A continuación, nos pedirá un fichero XML que contenga las entradas a importar, y nos
da la posibilidad de que todas las entradas importadas se publiquen automáticamente.
Si marcamos esa opción, se nos informará de ello cuando acabe el proceso y se nos
ofrece la lista de edición de entradas por si queremos eliminar alguna. Si no lo
hubiésemos marcado, nos informa de cuantas entradas han sido importadas y nos da la
posibilidad de publicarlas todas, seleccionar las que queramos publicar y seleccionar las
que queramos eliminar.

Actividades

Importar y exportar entradas

Partiendo del blog creado en el apartado anterior y estando identificados en Blogger.

1. Exporta las entradas de tu blog de prácticas en el estado actual.

2. Entra en tu "Escritorio" de Blogger, donde aparecen los blogs en los que puedes
participar.
3. Crea desde ahí un nuevo blog. No te preocupes mucho de la plantilla a elegir, ya
que la cambiarás en el próximo apartado.
 4. Visualiza el nuevo blog para comprobar que está vacío, sin entradas.
5. Desde el nuevo blog, importa las entradas del fichero generado en el paso 1.
Puedes probar a publicar automáticamente las entradas importadas, si lo
prefieres.
6. Comprueba que el blog tiene ahora todas las entradas.

6. Diseño y formato
Hay dos campos de acción bien separados, uno es la plantilla sobre la que se basará el
diseño del blog y otro es el conjunto de elementos y gadgets que se pueden añadir al
blog.

• Plantillas en Blogger.

Cuando creamos el blog se nos obligó a elegir una plantilla, ya que es necesaria para la
visualización del blog. Pero, como ya advertíamos entonces, podemos cambiar de
plantilla en cualquier momento.

La primera opción será la de elegir una cualquiera de las que el propio Blogger nos
ofrece desde su menú de Diseño.

Una vez que tengamos las fichas de menú en pantalla, elegiremos Diseño (1) →
Diseñador de Plantillas (2). Ahí veremos algunas muestras que podremos elegir (3) y
probar como quedaría nuestro blog con ellas en "Vista Previa" (4). Cuando estemos
decididos daremos la orden de guardar la nueva plantilla (5).

La plantilla se cargará con todos sus parámetros por defecto, de modo que si habíamos
cambiado colores del título o cosas así ahora no tendrán efecto, ya que actuaban sobre la
anterior plantilla.

Si habíamos añadido elementos a la página, estos sí se mantendrán, ya que no dependen

de la plantilla.
 • Importar plantillas externas.

Otra posibilidad es cargar la plantilla de alguna Web externa, hay muchas, no tenemos
más que buscarlas en cualquier buscador. Algunas recomendables pueden ser
BTemplates (http://btemplates.com/), Templates Blogger (http://www.templates-
blogger.com/), Blog and web (http://blogandweb.com/templates-blogger/),...

Si buscamos, por ejemplo, en BTemplates encontraremos algunos modelos de plantillas

y una clasificación por categorías. Muy interesante es poder buscar directamente por el
número de columnas de la plantilla, es decir, si tenemos una columna a un lado y el
cuerpo principal del blog, una columna a cada lado y el cuerpo del blog, etc.

Cuando pensemos que nos puede interesar una plantilla al ver su miniatura, podemos
hacer clic sobre el enlace "Demo" (1) y ver su aspecto en una ventana real. Si elegimos
una, haremos clic sobre el enlace "Download" (2) para descargar el archivo ZIP
correspondiente con la plantilla y lo guardaremos en nuestro equipo (3).

Una vez descargado el ZIP debemos descomprimirlo. Contiene la verdadera plantilla en

un fichero ".XML" y un TXT con las instrucciones en inglés para subirlo a Blogger.

Para hacerlo iremos a Diseño → Edición de HTML. Lo primero que vemos es una
recomendación para salvar una copia de seguridad de la plantilla actual (1). Conviene
hacerlo ahora y cada vez que hagamos algún cambio importante. A continuación,
simplemente seleccionaremos el fichero XML de la nueva plantilla y pulsaremos el
botón Subir (2).
Cuando la subamos nos puede avisar de que se van a eliminar unos "artilugios", con este
nombre se refiere a elementos que hayamos añadido a nuestro blog. Por esta razón,
conviene decidirse por una plantilla lo antes posible. Aun así, viendo el código HTML
de la plantilla guardada, podemos localizar el artilugio y copiar su código para pegarlo
en la nueva plantilla en el lugar correspondiente.

Existe la posibilidad de tener una "Vista previa" antes de confirmar definitivamente los
cambios.

• Editar el código de la plantilla.

Siempre tendremos la posibilidad de hacer cambios en las plantillas a nivel de código

HTML. Para ello habrá que ir a la misma ficha de antes, Diseño → Edición de HTML,
y trabajar directamente sobre el código.

Para ver la totalidad del código HTML hay que activar la casilla "Expandir plantillas de
artilugios". Un consejo para editar más cómodamente el código es seleccionarlo todo,
copiarlo y pegarlo en el Bloc de notas o el WordPad y al terminar hacer el proceso
inverso.
 • Formato de texto y color.

Estos posibles cambios que tan habituales son, podemos realizarlos sin necesidad de
tocar el código. Existe la opción Diseño → Diseñador de plantillas  Avanzado.

Si tenemos seleccionada una característica de fuente de texto nos ofrecerá las opciones
correspondientes a dicha selección.

Conviene hacer uso de la "Vista previa" las veces que sea necesario antes de elegir
"Guardar plantilla", después de guardar ya no podremos "Borrar cambios".

• Formato del blog.

Se considera formato del blog al conjunto de características generales del blog, como la
cantidad de entradas que aparecerán en la página principal, el formato de fecha y hora,
la franja horaria e idioma y algunas más.

Se pueden ajustar estos parámetros en Configuración → Formato.

Actividades

Diseño y formato

Para esta práctica partiremos del nuevo blog creado en el apartado anterior, "Importar y
exportar entradas".

1. Para este paso, elige la versión de la actividad que desees, según tu interés y
disponibilidad de tiempo (la primera es mucho más inmediata):

• Versión con plantillas internas de Blogger: Selecciona una nueva plantilla y

aplícala a tu blog.

• Versión con plantillas ofrecidas en otras Webs: Localiza una plantilla en

alguna de las Webs recomendadas en la teoría, descárgatela y aplicala a tu blog.

2. Observa el resultado.
3. Haz algunos cambios de formato en el blog. Procura hacer uso de la mayoría de
los aspectos comentados en el tema.

7. Elementos del blog

Los llamados elementos del blog o elementos de la página nos sirven para personalizar
nuestro blog y dotarlo de complementos que lo mejoren y que hagan más atractiva su
visita.

Existe una sección dedicada a todo esto: Diseño → Elementos de la página. Haz clic
sobre la siguiente imagen para ver en una ventana aparte todos los elementos
configurables.
Primero hay que recordar que tenemos la opción de usar la Vista previa (1) antes de
decidir si guardamos los cambios o si los descartamos. Podemos cambiar el color de la
Barra de navegación (2); cambiar el título y descripción del blog, incluso añadiendo una
imagen (3); actuar sobre muchas opciones de formato de las entradas del blog (4),
merece la pena dedicarles un momento; añadir un gadget que se mostrará al final de la
página del blog (5); y, por último, la configuración de los elementos de la barra lateral
(6) o de las barras que tuviese nuestra plantilla, se nos permite eliminar los elementos
que existen por defecto y añadir nuevos elementos mediante la inclusión de gadgets (7).

Entre los elementos de la barra lateral, es muy

conveniente que existan el Archivo del blog,
donde se va reflejando la progresión de entradas
(es configurable) y, especialmente, el elemento
de Etiquetas, que nos indica las etiquetas
utilizadas sobre las entradas y nos permite
filtrar el blog para que se visualicen únicamente
las entradas que contengan la etiqueta deseada.

Para añadir más elementos haremos uso del enlace "Añadir un gadget" (7 en la imagen
ampliada). Tras pulsar en el enlace, se nos ofrecerá una clasificación de gadgets entre
los que podremos elegir aquellos que nos resulten útiles.
Es conveniente revisar un poco los gadgets que se nos ofrecen para ver si alguno nos
puede resultar útil, o participar de vez en cuando en algún foro sobre el tema.

Si queremos añadir código de otro servicio Web 2.0 o incluso presentar una Web
mediante una etiqueta <iframe>, podemos incluir un gadget que permite editar código
HTML dentro de él, se denomina "HTML/Javascript".

Otro elemento muy interesante es el de "Lista de enlaces", en el que podremos colocar

enlaces a artículos web de interés o a documentos que tengamos almacenados en discos
duros virtuales, lo que sería una solución perfecta para colgar los apuntes en el blog.

Actividades

Elementos del blog

Partiendo del nuevo blog creado y con plantilla nueva desde el apartado anterior.
 1. Haz modificaciones en la descripción destacando que éste es el nuevo blog, para
distinguirlo bien del primero que hicimos en el tema, ya que el profesor querrá
ver las diferencias entre ambos.
2. Asegúrate de tener entre tus elementos de página el Archivo del blog y el
elemento de Etiquetas. Configúralos a tu gusto.
3. Haz algunos cambios notables en la sección de las entradas del blog.
4. Añade dos o tres elementos que te gusten en la barra lateral o barras laterales,
según tu plantilla.

8. Usuarios del blog

Lógicamente, será necesario establecer unas políticas de uso del blog con un cierto
control de usuarios.

Por un lado, tendremos la gestión de permisos que se realiza mediante Configuración →

Permisos. Donde podremos decidir qué usuarios pueden realizar entradas y qué usuarios
pueden leer el blog. Y, por otro lado, tendremos la posibilidad de restringir quién podrá
hacer comentarios a las entradas, desde Configuración → Comentarios.

Vamos a mostrar cómo sería la configuración a realizar en algunos casos concretos,

dejando aparte el tema de si se desea o no moderar los comentarios (ya se vio en otro
apartado).

• Blog personal público: El caso más abierto. El creador del blog es el único
administrador y creador de entradas, pero cualquier usuario puede ver el blog y
realizar comentarios.

Configuración → Permisos:

Configuración → Comentarios:
Podríamos restringir los comentarios a "Usuarios con cuentas de Google" o "Usuarios
registrados" (registrados en Blogger, aunque no sean cuentas de Google) para así poder
identificar al usuario que ha realizado el comentario.

• Blog de un grupo: El caso más cerrado. El creador del blog es el único

administrador, pero ha invitado a otros usuarios como autores de entradas y
serán los únicos que podrán ver el blog. Además, sólo ellos podrán hacer
comentarios.

Configuración → Permisos:

Configuración → Comentarios:

• Blog para una clase: Vamos a tratar de representar el caso que nos podría venir
bien para un grupo de alumnos al que le damos clase.

El único administrador seremos nosotros, aunque podríamos tener la colaboración de

algún alumno como colaborador a la hora de introducir nuevas entradas.

Añadiremos a los alumnos como lectores marcando la opción "Sólo a los usuarios que
yo elija". En ese momento se abre un recuadro para que añadamos las direcciones de
correo de los alumnos (las podríamos tener ya preparadas en un documento de texto y
pegarlas). Tras este paso, las invitaciones quedan pendientes de que los alumnos las
acepten.
Para aceptar la invitación deberán ir al enlace que se les envía automáticamente a su
correo. Una vez aceptada, lo observaremos cuando volvamos a entrar en Configuración
→ Permisos.

En cuanto a los comentarios, no podemos marcar "Sólo los miembros de este blog",
porque Blogger considera como tales sólo a los autores, y no nos interesa hacer a todos
los alumnos autores del blog.

Será mejor que marquemos la opción "Usuarios con cuentas de Google" o, si no todas
las cuentas son de Google, la de "Usuarios registrados". Esto parece que abriría la
posibilidad de hacer comentarios a usuarios que no sean de nuestra clase, pero, recordad
que sólo los de nuestra clase pueden ver el blog y por lo tanto serán los únicos usuarios
que tengan la opción de llegar a los comentarios de nuestras entradas.

Actividades

Usuarios del blog

Puedes realizar esta actividad sobre el blog que desees de los utilizados en el tema.
Necesitarás disponer de, al menos, dos cuentas más de correo o cuentas Google para
simular más usuarios del blog.

1. Realiza una configuración del blog como si lo fueses a utilizar para un grupo de
alumnos. Revisa en la teoría la configuración de un "Blog para una clase".
2. Haz que el profesor del curso sea un usuario de tu blog, como alumno, que
pueda ver tu blog y hacer comentarios de tus entradas, pero que no pueda hacer
nuevas entradas.
3. Prueba que cada alumno pueda realizar las funciones previstas y no las que debe
tener limitadas.
4. Entrega un fichero al con tu nombre, la URL del blog