MANUAL

CREACIÓN Y DISEÑO DE BLOGS

AUTORES:
Prof. Alicia J. Terán Ccanre
Prof. Dainio David Cisneros
Zegarra
 Creación y diseño de blogs educativos

1.- ¿Qué es un blog?

Los blogs surgen con la intención de crear páginas web en las que un usuario o
grupo de ellos van reflejando por estricto orden cronológico las noticias, reportajes,
artículos y otro tipo de contenidos que encuentran en la RED y que creen pueden ser de
interés para el resto de internautas.

Un blog, también conocido como bitácora o weblog, es por tanto un sitio web
periódicamente actualizado que recopila cronológicamente texto o artículos de uno o
varios autores, apareciendo primero el más reciente, donde el autor conserva la libertad
de dejar publicado lo que crea pertinente. El término 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 Internet en línea.

Actualmente y dado el gran interés que han generado en los usuarios particulares
de internet, así como por la enorme proliferación de todo tipo de blogs, está finalidad
inicial de actuar como diario digital personal, ha sido ampliada. De esta manera, las
páginas que permiten a cualquier usuario dar de alta de manera gratuita un blog, han
ido evolucionando, mejorando y ampliando los servicios que ofrecen. Esto convierte a los
blogs en una herramienta cada día más flexible, que puede actuar como:

• Página web personal.

• Biblioteca virtual.
• Soporte para el intercambio de ideas.
• Herramienta de colaboración.
• Recurso educativo.
• Etc.

Página: 1
 Creación y diseño de blogs educativos

B L O G

es tiene
un un

SITIO WEB ORDEN CRONOLOGICO

DE ARCHIVOS

en él se puede

RECOGER
PUBLICAR OPINIONES
COMENTARIOS

SOBRE UNA
CONOCER OTROS
PROBLEMÁTICA
PUNTOS DE VISTA.
DETERMINADA

en
CONTACTAR CON OTRAS
EDUCACIÓN PERSONAS QUE
COMPARTEN SU IDEA

es una

HERRAMIENTA
COMUNICATIVA ENTRE
PROFESORES Y ALUMNOS

que

PERMITE LA
CONSTRUCCIÓN
COLECTIVA DE
CONOCIMIENTOS

1.1.- Principales ventajas de los blogs

En el diseño y creación de blogs destacan una serie de ventajas en relación con los
métodos tradicionales de elaboración de páginas web. Destacamos las más importantes:

• Se trata de una herramienta cada vez más flexible y con un número cada vez
mayor de posibilidades.
• No requiere excesivos conocimientos técnicos, ya que se ofrecen entornos de
trabajo y configuración muy sencillos e intuitivos que permiten crear un blog en
muy pocos pasos.
• Permite aprovechar muchos los recursos y servicios que actualmente se ofrecen
en Internet.
• Todas las operaciones se pueden realizar desde cualquier ordenador que tenga
conexión a internet, sin necesidad de tener instaladas aplicaciones especiales en
nuestro ordenador.
• El mantenimiento y actualización de los artículos y contenidos se realiza de una
manera rápida y sencilla.
• Permite integrar todo tipo de elementos o contenidos multimedia: documentos,
sonido, video, presentaciones, etc.
1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo
educativo?
Los principales usos de los weblogs en el mundo educativo incorporan elementos
propios de las tradicionales páginas web educativas, así como de las plataformas de
gestión académica.

Página: 2
 Creación y diseño de blogs educativos

Elementos que tradicionalmente podía formar parte de una página web educativa:

o Notificación a los estudiantes de las normas del curso, trabajos a realizar, lecturas
aconsejadas, gráficos, documentación complementaria, ejercicios y material
pedagógico en general.
o Enlaces a sitios web relevantes para el contenido de las asignaturas: datos reales
(servidores estadísticos), páginas de otros docentes e investigadores, principales
instituciones del ramo, noticias de actualidad relacionadas, etc.
o Agenda de organización, con el reparto temporal de tareas y actividades,
exámenes parciales, visitas, reuniones y tutorías académicas.
o Foros de discusión del curso, integrados con los enlaces y la información aportada
por el profesor. Convergen en este punto las aportaciones de profesor y
estudiantes, siguiendo las indicaciones, límites y objetivos marcados en un
principio para la actividad.

Los weblogs son en sí un sistema de gestión de información, puesto que permiten,

y de una manera sencilla además, capturar, organizar, manipular, reelaborar y acceder a
la información. Aportan mejoras como:

 Mayor sencillez para los usuarios, estudiantes y profesores, y mayor flexibilidad en

su configuración. Al fin y al cabo, se trata de una herramienta para publicar,
combinar libremente y compartir información en soportes diversos, con gran
facilidad y sin necesidad de conocimientos técnicos.
 El encargo a los estudiantes de la realización de su propio blog supone una
posibilidad técnica adicional que los docentes no disponían hasta ahora. La
publicación por parte de los alumnos de su propio proceso de reflexión y
documentación sobre el tema tratado facilita el desarrollo de habilidades de
análisis, síntesis, argumentación y trabajo en equipo, así como la toma de
conciencia del propio proceso de aprendizaje.

1.3.- Ejemplos

Antes de adentrarnos en la creación de nuestro propio blog educativo

quizás ser conveniente darse un paseo por internet y navegar por las numerosas
bitácoras educativos que podemos encontrar en la red. Veamos algunos
ejemplos:

 http://www.lacoctelera.com/encinas
 http://ciberaulas.blogspot.com/
 http://www.conociendoelmedio.blogspot.com/
1.4.- ¿Dónde crear un blog?
Son muchos los sitios web que permiten publicar de un modo muy sencillo, quizás
el más conocido es Blogger o Blogspot. En español existen
sus equivalentes, como:

• Bitácoras.com
• Blogalia
• Blogia
• Los blogs de Ya.com

Página: 3
 Creación y diseño de blogs educativos

Te indicamos algunas plataformas más, donde podrás crear blogs:

• Wordpress.com
• Blogr
• Clearblogs
• Blogsome
• eHow
• Aeonity
• Blogates
• Blogetery

2.- Nuestro primer blog

Detallaremos a continuación los pasos que hemos de seguir para llegar a poner en
marcha nuestro propio blog. El proceso es muy similar en la mayoría de las plataformas,
nosotros seguiremos las indicaciones de Blogger, ya que se trata de uno de los entornos
que ofrece una mayor relación entre servicios, posibilidades, flexibilidad y sencillez.

2.1.- ¿Tienes cuenta de correo

electrónico?
Antes de iniciar el proceso de alta o
registro, es preciso contar previamente con
una dirección de correo electrónico, ya que
ésta constituye el principal elemento
identificador de cada uno de los autores de las
diferentes bitácoras alojadas en Blogger.
Nuestra dirección de correo junto con la
correspondiente contraseña, serán
imprescindibles para poder publicar nuevos
artículos o entradas, realizar operaciones de mantenimiento o actualización, añadir
elementos (sonido, videos, contadores de visitas, votaciones,…), cambiar valores en la
configuración, etc.

Gmail es uno de los servicios que ofrece Google, donde podrás registrar una nueva
cuenta de correo electrónico, para ello deberás seguir los pasos que se indican en el
apartado Apúntate a Gmail, en la siguiente
dirección web: www.gmail.com

2.2.- Ahora sí: alta en Blogger

1º.- En primer lugar entramos en la
siguiente dirección web:
www.blogger.com

2º.- Como se indica en la página de

inicio, solamente tenemos que
completar tres pasos para crear
nuestro propio blog. Por tanto,
hacemos clic en la flecha CREAR BLOG AHORA.

Página: 4
 Creación y diseño de blogs educativos

3º.- Accedemos al primer paso en el que debemos escribir los siguientes datos:
dirección de correo electrónico (2 veces), contraseña (2 veces) y la palabra de
verificación.

4
º
.- Una
vez

marcada la casilla en la que aceptamos las Condiciones del servicio, hacemos

clic en la flecha CONTINUAR.

5º.- En el segundo se solicita un título para nuestro blog, el cual aparecerá en el blog
publicado, en el escritorio y en el perfil. Además debemos completar la dirección
URL a partir de la cual podemos acceder al mismo, siempre siguiendo el mismo
formato: http://nombredelblog.blogspot.com. Podemos además comprobar que
el nombre que queremos asignar se encuentra libre mediante el apartado
Comprobar la disponibilidad.

6º.- Mediante la flecha CONTINUAR accedemos al tercer y último paso, en el que

únicamente debemos elegir la plantilla. Si no te termina de convencer ninguna,
no te preocupes porque se puede cambiar posteriormente con plantillas que
podemos descargar en internet.

Página: 5
 Creación y diseño de blogs educativos

7º.- Si todo ha ido bien aparecerá una ventana que confirma que acabamos de
registrar nuestro blog.

8º.- A través de la flecha EMPEZAR A PUBLICAR, accedemos a la “parte trasera” de

nuestro blog, a la que en principio solamente puede ingresar su autor y que
permite publicar entradas o artículos. Pero antes de incluir nuestro primer
artículo, realizaremos algunas operaciones previas importantes.

2.3.- Verificación y activación

Blogger necesita confirmar que realmente deseamos activar el blog recién creado.
Con esta finalidad recibiremos un mensaje en nuestra dirección de correo electrónico con
las instrucciones para poder activar nuestra cuenta en Blogger. Aunque podemos realizar
esta operación en un plazo de 20 días, es recomendable realizarlo cuanto antes para
evitar futuras inconvenientes.

1º.- En primer lugar cerramos nuestra cuenta en Blogger a través del texto Salir que
podemos encontrar en la parte superior derecha de la ventana.

Página: 6
 Creación y diseño de blogs educativos

2º.- Ahora abrimos nuestra cuenta de correo electrónico y buscamos un mensaje con
un asunto como el siguiente: accounts-noreply@google.com.

3º.- Siguiendo las instrucciones del mensaje hacemos clic en el enlace de activación
de cuentas google, que tendrá un formato similar al siguiente:

http://www.google.com/accounts/VE?
service=blogger&c=CMGercux4sGaOxD5_5K857O3uQk&hl=es

4º.- Surge una ventana en la que mediante el enlace Haga clic aquí para continuar,
nos llevará a la página de inicio de Blogger.

5º.- Por último y a través del botón Acceder, comprobamos que todo ha ido bien,
escribiendo previamente los datos de acceso: Correo electrónico y Contraseña.

6º.- En algunas ocasiones Blogger interpreta que el blog recién creado puede ser un
posible generador de spam y por tanto lo califica de blog no deseado, solicitando
que realicemos una revisión de desbloqueo.

7º.- En caso de necesitar revisión de desbloqueo, basta con introducir el texto

solicita en la siguiente pantalla:

Página: 7
 Creación y diseño de blogs educativos

8º.- A continuación se comunica que ha sido recibida la solicitud de verificación del

blog y que recibiremos respuesta en nuestro correo.

2.4.- Configuración básica

Existe una amplia gama de parámetros que pueden ser configurados para
establecer el aspecto, los servicios ofrecidos, la distribución de contenidos y artículos,
etc., con el fin de adaptar nuestro diario digital a nuestras necesidades y objetivos. En
esta sección aprenderemos a asignar los valores adecuados en los parámetros más
importantes.

1º.- A través de nuestro correo electrónico y contraseña entramos en nuestra cuenta

en Blogger.

2º.- Accedemos al apartado de Configuración mediante el enlace con el mismo

nombre. Se muestra una venta en la que podemos observar un total de 9
solapas que se corresponden con los diferentes grupos de parámetros que
podemos cambiar. Repasaremos brevemente cada uno de ellos.

2.4.1.- Básico

En esta sección se establecen los valores iniciales de nuestro blog, donde

destacan los siguientes:

• Título: Texto que aparecerá siempre en la parte superior de nuestro blog, que
podemos modificar en cualquier momento.
• Descripción: texto descriptivo que aparecerá como subtitulo habitualmente
debajo del Título.

Página: 8
 Creación y diseño de blogs educativos

Una vez realizados los cambios que se estimen oportunos, se deben confirmar
mediante el botón Guardar Configuración que se encuentra en la parte inferior de la
página.

2.4.2.- Publicación

La dirección URL de nuestro blog puede ser modificada en cualquier momento,

siempre y cuando se encuentre disponible. Será en el apartado Publicación donde
podemos realizar esta operación.

2.4.3.- Formato

Permite indicar el modo en el que se

mostrarán algunos de los elementos. Repasemos los
aspectos más importantes:

• Mostrar: se puede indicar el número de

artículos o entradas que serán mostradas en
la página inicial.

• Formato de cabecera de fecha: especifica el

formato de la fecha que aparecerá siempre
sobre cada una de las entradas.

• Formato de hora y Zona horaria: buscamos el segmento horario de Madrid

(GMT+01:00).

• Idioma: por defecto ya aparece español, pero podríamos elegir cualquier otro
dentro de una amplia variedad.

Página: 9
 Creación y diseño de blogs educativos

• Mostrar campo de título: cada artículo o entrada estará compuesto por un título y
el cuerpo de texto. Si lo deseamos podemos evitar que sea mostrado el título de
cada uno de ellos.

2.4.4.- Comentarios

Como ya hemos explicado anteriormente estamos ante un entorno de trabajo que

facilita la colaboración de aquellos que visitan el blog. Esto se consigue mediante los
comentarios que pueden realizarse en cada una de las entradas. Podemos concretar
algunos valores relacionados con este recurso.

• Comentarios: dependiendo del objetivo o

finalidad que persigamos, puede interesarnos
ofrecer a nuestros visitantes la posibilidad de
realizar comentarios o no.

• Persona que puede realizar los comentarios:

podemos elegir entre cuatro opciones
diferentes:

o Cualquiera.
o Usuarios registrados – Incluido OpenID:
http://openid.blogs.es/ es un sistema de autentificación seguro, abierto y
sencillo de usar, que permite identificar a sus usuarios en multitud de
páginas web.
o Usuario con cuentas de Google: podrán realizar comentarios únicamente los
autores de otros blogs.
o Sólo miembros de este blog: solamente podrán realizar comentarios en
nuestro blog, las personas que hallamos registrado como miembros del
blog.

• Ubicación del formulario de comentarios: permite determinar la manera en la que

será mostrada la ventana de comentarios:

o Página completa: se abre una nueva ventana que ocupa toda la

pantalla.

o Ventana emergente: en este caso los comentarios se realizan en una

nueva ventana que deja ver la página principal del blog.

o Entrada incrustada a continuación: el formulario de entrada de

comentarios es incrustado en la misma página principal del blog, justo a
continuación del artículo que se desea comentar.

• Moderación de comentarios: se puede activar la revisión previa de los

comentarios antes de ser publicados. Aparece un mensaje en el escritorio del
autor cuando existen comentarios que revisar.

• Mostrar la palabra de verificación para comentarios: cuando esta opción se

encuentra activada impide que se puedan realizar comentarios de manera
automática mediante máquinas (otros equipos y ordenadores), con el fin de
evitar, por ejemplo, spam indeseable.

Página: 10
 Creación y diseño de blogs educativos

2.4.5.- Archivo

• Frecuencia de archivo: es el intervalo tras el

cual se archivan las entradas en el blog. Las
opciones son Mensual, Semanal y Diaria. Por
ejemplo, un archivo mensual incluirá todas
sus entradas de un mes, mientras que un
archivo semanal sólo contendrá las entradas
de una semana.

• Habilitar páginas de entrada: permite que

cada entrada tenga su página web exclusiva,
además de aparecer en la página inicial del
blog.

2.4.6.- Feed del sitio o distribución del sitio

La distribución es el proceso mediante el cual,

al publicar un blog, Blogger genera automáticamente
una representación de éste apta para la lectura
desde equipos informáticos, que puede seleccionarse
y mostrarse en otros sitios web y herramientas de
agregación de información.

Determinados componentes de software,

denominados lectores de noticias o agregadores,
pueden explorar estos feeds y comunicarle
automáticamente cuándo se han actualizado los sitios. Algunos ejemplos son
FeedDemon (Windows), Bloglines (basado en la web), NetNewsWire y Shrook (Mac OS X).

Una ventaja de distribuir su sitio es que llegará a un público más amplio, porque
atraerá a los usuarios que le proporcione el agregador. Si desea conocer otras ventajas,
visite WebMonkey, Software Garden y Mezzoblue.

2.4.7.- Correo electrónico

• Dirección de BlogSend: se puede incluir una

lista de hasta 10 direcciones de correo
electrónico separándolas con comas para que
reciban tu blog por correo electrónico cada
vez que publiques algo.

• Dirección Mail-to-Blogger: convierte una

cuenta de correo electrónico en una
aplicación para crear entradas en un blog.
Para crear una entrada en su blog por correo
electrónico, debe configurar su dirección de
Mail-to-Blogger. El formato de la dirección de correo electrónico es
nombreusuario.palabrasecreta@blogger.com, siendo esta dirección a la cual
deberemos enviar un correo desde cualquiera de nuestras cuentas e-mail.

Debemos asegurarnos de especificar si deseamos que nuestras entradas

por correo electrónico se publiquen automáticamente o no. Si esta opción no está

Página: 11
 Creación y diseño de blogs educativos

seleccionada, las entradas se almacenarán en nuestra cuenta pero no aparecerán

en el blog hasta que accedamos a Blogger.com y las publiquemos. Los asuntos de
sus correos serán los títulos de sus entradas y el cuerpo constituirá las entradas
propiamente dichas. A veces, los programas de correo electrónico añaden texto en
la parte inferior de los mensajes enviados. Para evitar que aparezca en su blog,
escriba #end al final de su entrada.

Página: 12
 Creación y diseño de blogs educativos

2.4.8.- Permisos

En esta sección podemos indicar, por un lado,

quiénes pueden actuar como autores y por tanto
pueden publicar artículos en nuestro blog. Y por otro
lado, qué personas pueden ver el blog.

• Autores del blog: mediante sus direcciones

de correo electrónico, podemos mandar
invitaciones a las personas que queremos
que escriban en nuestro blog.

• Lectores del blog: por defecto, nuestro blog puede ser visitado por el público en
general, pero podemos restringir las visitas, para que solamente tengan acceso
las personas que elijamos o los autores del blog.

3.- Nuestra primera entrada

Publicar un artículo o entrada en nuestro es blog es sumamente sencillo, veamos
los pasos que debemos cumplir para proporcionar contenidos a la página principal del
mismo:

1º.- Haz clic en la solapa Creación de

entradas para mostrar la ventana de
publicación de artículos.

2º.- Escribe en la caja Título, el texto que

quieras que aparezca encabezando
la entrada. Por ejemplo: “Iniciamos
el taller de Blogs”.

3º.- Justo debajo se nos ofrece un

formulario a modo de sencillo
procesador de textos, en el que
podemos redactar el cuerpo del
artículo. En nuestro caso podría ser
algo parecido a esto:

“Bienvenidos a todos los docentes del Curso -taller: Creación y diseño de

blogs educativos. Seguro que están deseando poner en marcha su propio
blog para poder trabajar con sus alumnos. No se preocupen, que ya
empezamos, la primera sesión presencial tendrá lugar en:

• Fecha: martes 20 de abril de 2010.

• Hora: 8:,30 a.m.
• Lugar: Aula de Innovación Pedagógica

4º.- Por último, haz clic en el botón PUBLICAR ENTRADA, para confirmar la presencia
del artículo en la página principal del blog.
5º.- Si quieres comprobar el resultado haz clic en el enlace Ver Blog.

Página: 13
 Creación y diseño de blogs educativos

3.1.- Editar o suprimir una entrada

Una vez que un artículo ha sido publicado,
éste puede ser modificado o suprimido en cualquier
momento. Veamos como:

1º.- Haz clic en la solapa Creación de entradas.

2º.- Esta solapa nos ofrece las opción Editar

entradas.

3º.- Esta sección nos muestra una lista de las

entradas que se encuentran publicadas en nuestro blog, ordenadas por fecha de
creación.

4º.- Para cada entrada en la lista nos ofrece tres posibilidades: Editar, Visualizar y
Suprimir.

5º.- Mediante el enlace Editar podemos

modificar la entrada que deseamos, ya que
nos lleva a una página donde podemos ver
tanto el título como el cuerpo de texto del
artículo y la etiqueta.

6º.- Si realizamos cambios en cualquiera de

estos tres elementos, deberemos confirmar
los mismos mediante el botón PUBLICAR
ENTRADA.

3.2.- Edición de HTML

Por defecto, Blogger nos ofrece, a la hora de crear entradas, un sencillo
procesador de textos tipo WYSIWYG (acrónimo de What You See Is What You Get, que
puede ser traducido como: "lo que ves es lo que obtienes").

Para aquellos autores que posean conocimientos acerca de la edición en lenguaje

HTML, existe la posibilidad de crear artículos empleando este lenguaje. Sin embargo no
es necesario dominar este lenguaje para poder incrustar en una entrada, uno de los
muchos recursos o contenidos que podemos encontrar en Internet.

En nuestro caso, “incrustaremos” en el

artículo de bienvenida del blog un video de la página
Youtube, mediante un proceso que se denomina
añadir código embebido o incrustado:

1º.- Buscamos el video que deseamos incluir en

el artículo en la página: www.youtube.com.
En nuestro ejemplo vamos a integrar en el
artículo un video en el que unos alumnos
puertorriqueños hablan sobre los blogs.

Página: 14
 Creación y diseño de blogs educativos

2º.- En el apartado Insertar, aparece el código HTML, que nos permitirá incluir este
video en cualquier entrada de nuestro blog. Selecciona todo el texto y cópialo en
el portapapeles, mediante el menú Edición y la línea Copiar (o mediante la
combinación de teclas Ctrl.+ C).

3º.- De vuelta a Blogger, editamos nuestra primera entrada siguiendo los pasos
expuestos en el punto anterior 3.1.-

4º.- Activamos la solapa Edición de HTML. Si no

hemos empleado recursos especiales, como
letras en negrita, cursiva, en diferentes
colores,…, esta opción nos muestra un
cuerpo de texto muy similar al que hemos
visto hasta ahora.

5º.- En caso contrario si hemos hecho uso de

cualquiera de las utilidades del procesador
de textos, podremos observar las etiquetas
del lenguaje HTML, intercaladas en el texto,
siguiendo un formato como el de este
ejemplo:

<strong>Bienvenidos</strong>: muestra la palabra Bienvenidos en negrita

6º.- Tras estas consideraciones previas, incluiremos el código HTML que hemos
copiado en la página de Youtube, en la que posición que deseemos en nuestra
entrada. Para ello sitúa el cursor en el punto que estimes oportuno, por ejemplo,
justo al final de la entrada y pega el contenido del portapapeles (Edición – Pegar
o combinación de teclas Ctrl. + V).

7º.- Por último confirma los cambios mediante el botón PUBLICAR ENTRADA.

8º.- Existen en internet cada vez más páginas que ponen a disposición de cualquier
usuario código HTML de sus elementos, ya sean videos, archivos de sonido,
presentaciones, documentos, etc. El proceso a llevar a cabo para incluir estos
elementos en nuestro blog es muy similar al desarrollado en este ejemplo.

4.- ¿Cómo personalizar nuestro blog?

4.1.- Añadir elementos de Blogger (Gadgets)
Las páginas principales de la mayoría de las bitácoras, se dividen en tres partes.
Por un lado la parte superior en las que aparece el título. Por otro lado podemos
identificar la sección de entradas que ocupa la zona izquierda y central. Se trata de un
espacio donde los contenidos van cambiando a medida que se van incluyendo nuevos
artículos o modificando los existentes.

Esta distribución deja libre una franja a la derecha de la pantalla, en la que van a
aparecer una serie de elementos que nos van a permitir aportar personalidad propia a
nuestro blog. Como podrás comprobar a continuación es muy sencillo añadir y organizar
los elementos de la página.

1º.- Haz clic en la solapa Diseño y activa la opción Elementos de página.

Página: 15
 Creación y diseño de blogs educativos

2º.- Blogger nos muestra una pantalla en la que

podemos Añadir y organizar elementos de la
página.

3º.- Podrás observar que ya se encuentran tres

objetos incluidos en nuestro blog:
Seguidores, Archivos del blog y Datos
personales. Veamos como añadir uno
nuevo.

4º.- Haz clic en el enlace Añadir un gadget, para

mostrar la ventana que nos permite elegir elementos a incluir.

5º.- Busca el gadget denominado Texto,

que nos permite añadir unas palabras
en el blog a modo, por ejemplo, de
mensaje de bienvenida. Haz clic en su
imagen representativa.

6º.- Surge la ventana Configurar texto, en

la que se solicita el Titulo y el
Contenido. En nuestro caso hemos
escrito lo siguiente:

• Título: LOS BLOGS EDUCATIVOS

• Contenido: En la era de la informática y las comunicaciones, se hace casi
imprescindible dominar herramientas que nos permitan crear, diseñar y
utilizar entornos que complemente nuestro trabajo en el aula.

7º.- Haz clic en el botón GUARDAR, y podrás comprobar como este elemento se ha
situado en la parte superior de los gadgets de nuestro blog.

8º.- Puedes modificar el orden de los mismo arrastrándolos con el ratón hacia arriba
o abajo.

9º.- Repite los pasos anteriores para añadir una imagen y el elemento Etiquetas.

4.2.- Añadir elementos externos. Contador de visitas

Al igual que se hizo en el punto 3.2.- donde incluimos código HTML en una de las
entradas del blog, para “incrustar” un video de Youtube, podemos añadir elementos fijos
a nuestro blog, empleando el código “embebido” que nos ofrecen muchas páginas en
internet, para insertar todo tipo de recursos: contadores de vistas, mapa de localización
de los usuarios que nos visitan, información meteorológica, etc.

A modo de ejemplo, procederemos as continuación a situar en nuestro blog, un

contador de visitas, ya que el grado o nivel de éxito de nuestro blog vendrá dado en gran
medida por el número de personas que lo visitan. Este dato puede ser registrado
mediante un contador de visitas. Existen varias páginas en internet donde se ofrece este
tipo de servicio de estadísticas de visitas, nosotros aprovecharemos la sencillez y rapidez
de www.contadorwap.com.

Página: 16
 Creación y diseño de blogs educativos

1º.- Mediante nuestro navegador accedemos a la página: www.contadorwap.com,

donde se ofrece un servicio gratuito de estadísticas de visitas.

2º.- Para integrar en nuestro blog un contador

de visitas sencillo, basta con rellenar
algunos de los datos que nos piden.

3º.- Escribe tu dirección de correo electrónico en

la entrada Tu email.

4º.- En el apartado Url de tu web/blog, no es

necesario que indiquemos nada.

5º.- Selecciona la Zona horaria adecuada.

6º.- Marca la opción tipo de Contador numérico.

7º.- Escribe el número que aparece en la sección Antispam.

8º.- Por último haz clic en el botón Enviar y crear

estadísticas.

9º.- Surge una pantalla en la que podemos

encontrar el código HTML que nos da la
posibilidad de situar un contador de visitas
en nuestro blog.

10º.- Copia dicho

contenido en el
portapapeles (Edición –
Copiar o combinación
de teclas Ctrl. + C)

11º.- Abre tu escritorio de Blogger y muestra la sección

Diseño en la opción Elementos de la página.

12º.- Haz clic sobre el enlace Añadir un gadget, busca y

selecciona el elemento HTML/Javascript.

13º.- Se muestra la ventana Configurar HTML/JavaScript,

donde debemos indicar Título y Contenido.

14º.- En la entrada Título escribimos el texto que aparecerá

encima del contador de visitas, por ejemplo: “Nº de
visitas:”

15º.- En el apartado Contenido debemos pegar el código HTML

del contador que tenemos guardado en el portapapeles
(Edición – Pegar o combinación de teclas Ctrl. + V)

16º.- Confirma los cambios mediante el botón GUARDAR. De vuelta a la página

Añadir y organizar elementos de página, podrás comprobar que acabamos de

Página: 17
 Creación y diseño de blogs educativos

añadir un nuevo elemento a nuestro blog. Recuerda que puedes desplazarlo

para situarlo en la posición que desees.

17º.- Por último ratificamos todos los cambios efectuados mediante el botón
GUARDAR de esta pantalla y comprobamos el resultado dando un vistazo al blog
mediante la opción Ver Blog.

PROPUESTA DE ACTIVIDAD: Como hemos vista añadir nuevos contenidos a

nuestro blog es bastante sencillo, prueba a incluir un mapa de visitas, dándote de
alta en www.histats.com/es y utilizando el código HTML que nos brindan.

4.3.- Añadir una presentación PowerPoint

Procedemos a continuación a situar en
nuestro blog, una presentación PowerPoint
relacionada con los blogs educativos de las muchas
que podemos encontrar en la página:
www.slideshare.net

1º.- En primer lugar abrimos en nuestro

navegador la página: www.slideshare.net

2º.- En la esquina superior derecha de esta

página encontramos la herramienta de
búsqueda Search. Escribe en la caja de
texto las siguientes palabras clave: uso didáctico blog.

3º.- Al hacer clic en el botón Search, se muestra

una ventana con los resultados de la
búsqueda.

4º.- En primer lugar deberá aparecer una

presentación titulada: Elementos Para
Incorporar El uso DidáCtico del Blog.

5º.-
Accede a
la presentación a través del título de la misma
o su imagen.

6º.- En esta nueva ventana podemos

echar un vistazo a cada una de las diapositivas
de la presentación.

7º.- Buscamos la sección Embed in your

blog, donde aparece el código HTML que nos
va a dar la posibilidad de incluir este trabajo en nuestro blog.

8º.- Seleccionamos todo el texto y lo copiamos en el

portapapeles (Menú Edición-Pegar o combinación de
teclas Ctrl.+ V)

Página: 18
 Creación y diseño de blogs educativos

9º.- De vuelta a Blogger, accedemos a la sección Diseño y al apartado Elementos de

la página.

10º.- Mediante el enlace Añadir un gadget, elegimos la opción HTML/JavaScript.

11º.- Surge una nueva ventana en la debemos escribir un

Título, por ejemplo: Elementos de un blog educativo.

12º.- Como Contenido deberemos pegar el texto que

tenemos guardado en el portapapeles, recuerda
que en el mismo habíamos copiado el código HTML
que nos va a permitir “incrustar” la presentación que
hemos encontrado en SlideShare.

13º.- El último paso sería confirmar los cambios

mediante el botón GUARDAR.

14º.- Podrás comprobar como este nuevo gadget ha sido añadido a la lista de
elementos del blog, recuerda que puedes desplazarlo para situarlo en la posición
que desees. En este caso la mejor opción es situarlo en la parte inferior o
superior del bloque Entradas del blog, ya que el tamaño de este contenido
excede el ancho de la sección de gadget de nuestro blog.

5.- Scribd. Alojamiento virtual de documentos

Scribd es una red social de documentos que los comparte en línea.
Pretende liberar la información de los documentos y llevarla a la web. Salvando las
distancias Scribd es como Youtube, pero de documentos.

Se trata de una herramienta virtual para alojamiento de documentos que permite

que todos los documentos sean públicos o privados tengan un alojamiento, y que en
cualquier momento puedan ser consultados, no solo por el autor sino también por un
grupo grande de personas que encuentren afinidad con los temas.

5.1.-¿Cuáles son sus características?

• Tiene gran cantidad de documentos todo tipo, como: educativo, económico,

medicinal, político, deportivo, etc.
• Esta dividido en temas y categorías y subcategorías.
• Muestra los documentos con tecnología parecida a la del PDF que se llama Scribd.

Página: 19
 Creación y diseño de blogs educativos

• Se pueden previsualizar los documentos.

• Se puede enviar los documentos por correo.
• Se puede insertar cualquier documento en una página web.
• Se puede crear diferentes carpetas en tu cuenta de Scribd para organizar y
guardar los documentos que quieras, ya sean tuyos o de otros usuarios.
• Descarga de documentos en diferentes formatos: PDF, Word, Excel, PowerPoint,…
• Se pueden subir ilimitadamente y libremente los documentos.
• Se puede calificar los documentos.
• Se pueden hacer comentarios o mandar mensajes a otros usuarios.
• Existe la posibilidad de formar grupos de usuarios, para compartir o formar una
comunidad de algún tema en especifico
• Se pueden subir documentos para que los vean ciertas personas o grupos.
• Se pueden subir documentos en cualquier idioma.
• Los documentos alojados en este portal están protegidos por Copyright y Creative
Commons, lo que indica que la persona el libre de escoger si se copian o no sus
documentos.

5.2.- ¿Cómo darse de alta?

1º.- Abrimos la pagina web: www.scribd.com

2º.- Para suscribiros en el servicio debemos hacer clic en el botón Join Us.

3º.- Ahora debemos introducir los

siguientes datos:

• Dirección de correo electrónico.

• Contraseña de al menos 4
caracteres.
• Nombre de usuario (opcional).

Página: 20
 Creación y diseño de blogs educativos

4º.- Haciendo clic en el botón Sign Up, surge una nueva ventana en la que podemos
SUSCRIBIRNOS.

5º.- Si lo deseas puedes SUSCRIBIRTE y pulsar el botón Suscribe o ignorar mediante

el enlace Skip.

6º.- Luego, aparece otra ventana en que puedes BUSCAR TUS CONTACTOS, como lo
anterior, puedes ignorarlo mediante el enlace SKIP (saltar)
7º.- Si todo ha ido bien, Scribd nos mostrará una ventana como el siguiente:

5.3.- ¿Cómo publicar un documento?

Página: 21