Creación blog

IES Pedro Simón Abril

Informática. 4º de E.S.O.

LA WEB 2.O

Creación de un blog

Departamento de Tecnología Informática 4º ESO

2

Utilizando Blogger, vamos a crear un blog o cuaderno de Bitácora.

En primer lugar deberemos crear una cuenta google (gmail) si no disponemos de ella.

Hecho esto seguimos accedemos a la web y seguimos los pasos:

La entrada es la noticia, artículo, archivo…que vamos a publicar en nuestro blog.

Aunque más adelanta vamos a profundizar más en este tema, a continuación vemos cómo se

crean entradas de forma general.

1. Registrarse Blogger

2. Crear entradas. Opciones de entradas.

Desde la la pestaña “Nueva Entrada” accedemos a la

ventana de creación, con las opciones básicas de un

procesador de texto: fuente, tamaño, colores…


3

Una vez concluido todo el proceso clicamos en y

nuestra entrada aparecerá publicada en el blog.


4

Otras herramientas de interés son:

El calendario en nuestro blog puede resultar una herramienta útil a la hora de

planificar eventos que podemos hacer constar en él.

El procedimiento que seguiremos para ello será:

Ejercicio práctico 1: Personalización del blog

Vamos a personalizar el blog de acuerdo con el procedimiento explicado. Ten en cuenta:

1. Escribe un título para el blog y una dirección en el cuadro correspondiente. Puedes elegir una

dirección de las que te propone haciendo clic en comprobar disponibilidad. Añade una descripción

del blog (p.e. “Blog sobre informática y aplicaciones”).

2. Elige una de las plantillas que se proponen y completa el formulario.

3. Una vez creado el blog, personalízalo. Analiza las diferentes opciones que encontrarás en

configuración. Puedes utilizar la opción Permisos-Añadir Autores, para permitir que otras

personas puedan colaborar con tu blog. Si decides añadir colaboradores deberás darles los

permisos adecuados (autores) y hacer clic en Invitación.

4. Desde la opción Diseño añade un gadget de texto (mensaje de bienvenida al blog) y otro de imagen

(preferentemente una imagen personalizada que cargues desde tu ordenador).

5. Una vez realizadas las modificaciones que consideres oportunas crea una nueva entrada en la que

publiques una noticia y añádele una imagen).

3. Insertar un calendario

Desde aquí añadimos

una imagen a nuestra

entrada


5

1. En primer lugar accedemos a Google Calendar, el servicio que usaremos para

crear nuestro calendario en nuestra web. A continuación hemos de introducir un

nombre de usuario y contraseña, que ha de ser el de

nuestra cuenta gmail.

2. En el menú de la izquierda Pulsamos la opción “Crear un

calendario nuevo”.

3. A continuación rellenamos los datos que nos solicitan

con lo que deseemos y marcamos la opción “Público”

(en Privacidad). En caso de ser una agenda, y que

los contenidos fueran privados podríamos seleccionar la opción “Compartir

únicamente mi información de libre-ocupado”.

4. Una vez hecho esto veremos que en el menú de la izquierda aparece en la lista de

“Mis calendarios” un calendario con el nombre como el que acabamos de crear.

Para mostrarlo en nuestra web haremos lo siguiente:

a.- Pulsaremos en la flecha que hay junto al nombre del calendario que deseamos

compartir y seleccionamos “Configuración del calendario”.

b.-Buscamos la opción “incrustar calendario”, y procederemos a copiar el código

html en nuestra página web. Previamente personalízalo, eligiendo

adecuadamente el tamaño, color y demás parámetros (comprueba varias

opciones hasta que quede adecuado al gadget de tu página). Una vez

hechas las modificaciones copiamos el código HTML.

No olvides hacer público el calendario:

http://www.google.com/calendar/


6

Nota: Si lo que queremos es que el propio google Calendar cree la página,

pulsaremos en el botón HTML, y veremos la dirección a la cual hemos de crear un

hipervínculo.

5. Ahora insertamos el código HTML en uno de los

gadget de tu blog. El resultado de incrustar un

calendario en nuestro blog debe ser similar a:

6. Podemos agregar algún evento (por ejemplo días de semana blanca) desde

GoogleCalendar, debiendo aparecer incorporado al enlazado en nuestro blog.

Un buscador es una herramienta que nos permitirá localizar rápidamente

artículos o entradas, introduciendo simplemente una palabra clave. Es muy utilizado en la

mayoría de las web con el fin de facilitar el trabajo a los usuarios.

Para insertar un buscador en tu blog sigue el siguiente procedimiento:

1. Ir a la pestaña “Diseño del blog”, y seleccionar la subpestaña “Elementos de

página”.

2. Añadimos un gadget, en la posición deseada y seleccionamos “HTML/JavaScript”

3. Copiamos el siguiente código:

<form id="searchthis" action="/search" style="display:inline;" method="get">

<input id="search-box" name="q" type="text"/>

<input id="search-btn" value="Buscar" type="submit"/>

</form>

4. Guardamos los cambios y hacemos alguna pequeña prueba para observar que todo

funciona bien.

4. Insertar un buscador


7

Incorpora ahora el buscador desde la lista de Gadgets predefinidos de blogger

. Compara su funcionamiento y elimina uno de ellos.

El contador es una herramienta que nos informa de cuántos usuarios on-line está

visitando nuestra web.

Para hacerlo los pasos serán los siguientes:

1. En primer lugar vamos a la web usuarios-oline.com. Una vez allí introducimos el

nombre de nuestra web, en el caso de blogger, nuestroblog.blogspot.com, y pulsamos “Crear

contador”.

2. Una vez hecho esto, el sistema nos generará un código como el siguiente:

3. Añadimos un gadget, en la posición deseada y seleccionamos “HTML/JavaScript”

4. Copiamos el código y guardamos los cambios. A partir de ahora cada vez que un usuario

esté conectado a nuesto blog lo sabremos.

5. Insertar un contador de usuarios

http://www.usuarios-online.com/

http://www.blogger.com/


8

Blogger incluye dentro de sus gadgets, la opción de reloj, pero los diseños y

calidad de presentación son limitados (explora los gadgets disponibles en este sentido).

Nosotros vamos a insertar un Reloj empleando los recursos disponibles en internet.

1. Buscar en internet alguna página que ofrezca recursos de relojes para la web. (por

ejemplo: http://relojesflash.com/relojes) Encontraremos múltiples entradas.

2. Seleccionar el diseño que nos guste y copiar el código HTML generado.

3. Añadir un gadget, en la posición deseada y seleccionar “HTML/JavaScript”

4. Copiar el código y guardar cambios. Recuerda que puedes retocar el tamaño y otros

parámetros directamente modificando el código HTML. También es interesante

eliminar la publicidad del sitio (para ello clica en la opción Formato RTF de la

entrada).

Para ello accederemos a Youtube y buscaremos el vídeo que nos interesa; en

este caso buscaremos un vídeo sobre Tecnologías. Una vez seleccionado el vídeo,

seguiremos el siguiente procedimiento:

1. Hacemos clic en el icono compartir-blogger, tal y como se muestra en la figura:

6. Insertar un reloj

7. Insertar un vídeo de YouTube

http://relojesflash.com/relojes


9

2. A continuación, y si mantenemos abierta la sesión con la que accedemos a

nuestro blog, se nos abrirá una ventana como la de la figura:

3. Podremos modificar el título, si lo deseamos, y hacer clic en Publicar entrada,

con lo que habremos finalizado el proceso.

Blogger no nos permite subir archivos de audio o de otro tipo directamente

(sólo imágenes y vídeos, como después veremos), por tanto debemos disponer de un sitio

web donde alojar nuestros archivos y posteriormente enlazarlos con nuestro blog. Para

conseguirlo vamos a seguir el siguiente procedimiento:

1. Vamos a emplear google

sites, que es un servicio

gratuito de alojamiento web.

Vamos a la página de google

sites, y entramos con

nuestra identificación de

blogger o de gmail: en

principio es un servicio más de google.

2. A continuación, se nos abrirá una interfaz y buscaremos la opción “Crear un

sitio nuevo”, y haremos clic.

8. Subir archivos a nuestro blog

http://www.google.com/sites


http://www.gmail.com/

http://www.google.com/


10

3. Posteriormente, tendremos que rellenar un formulario, en el cual son

especialmente importantes los siguientes campos:

4. A continuación

clicamos en

y si

todo ha ido bien,

aparecerá una pantalla

como la siguiente:

5. En esta pantalla

Para que nos aparezca la opción de Archivos adjuntos, haremos lo siguiente:

Nombre por el reconoceremos nuestro sitio. Podemos crear

más de uno, por tanto es importante que lo identifiquemos

bien.

Dirección que reconocerá nuestro sitio en la

web

Haremos clic en Mas Opciones y nos aseguraremos que esta

activada la casilla


11

6. Haremos clic en la pestaña “Archivos adjuntos”, aparecerá un desplegable, en el

cual pulsaremos, y seleccionaremos el archivo de nuestro disco duro que

deseamos subir.

7. Después de un breve período de

tiempo nos aparecerá algo

parecido a la imagen:

8. Para subir más archivos bastará

con pulsar otra vez en

“Examinar”, y seleccionar el

archivo que queramos subir a google sites.

9. En este momento, ya tenemos el archivo subido y únicamente tendremos que

hacer el enlace desde blogger al elemento que acabamos de subir. A

continuación vamos a nuestro panel de blogger, y creamos una nueva entrada.

10. Escribiremos el texto con el que deseemos compartir nuestro archivo, lo

seleccionaremos y pulsaremos el botón o Link. A continuación se nos abrirá

un enlace en el que escribiremos la ruta del archivo que queremos compartir que

será algo similar a:

http://sites.google.com/site/titulodetusitio/home/Archivosubido.ext

Seleccionamos una palabra, por

ejemplo, y a hacemos clic en

Enlace

Nota: Es importante evitar que los archivos que adjuntemos sean nombrados con

caracteres tales como tildes, guiones, letras mayúsculas…Es recomendable utilizar

nombres cortos para los archivos. Con estas recomendaciones evitamos problemas en

el reconocimiento de archivos en el servidor.

http://www.google.com/sites

http://www.oscargp.net/wp-content/uploads/2008/08/enlace.jpg

http://sites.google.com/site/titulodetusitio/home/Archivosubido.ext


12

11. Una vez hecho esto ya habremos compartido el archivo, y nos quedará una

entrada en la que hemos incluido el archivo de descarga.

Vamos a insertar un reproductor de música para archivos tipo MP3 en el blog; para

ello seguimos el siguiente procedimiento:

1. En primer lugar, subiremos los archivos emff_lila y el mp3 que deseemos (que

cargará el reproductor) a googlesites. Para hacerlo, vamos a

googlesites y accedemos como usuarios registrados.

2. Subimos los archivos a googlesites, pulsando “Examinar” en la parte

inferior derecha de nuestro espacio, y seleccionamos, primero emff_lila y, una

vez cargado este, el mp3 que queremos subir.

3. Una vez hecho esto, nos vamos a nuestro blog y creamos una nueva entrada, a

continuación escribamos el título que deseemos y desde la pestaña “Edición de

HTML” y copiamos el siguiente código:

<object type="application/x-shockwave-flash"

data="http://sites.google.com/site/tusitio/home/emff_lila.swf?src=http://sites.google.co

m/site/ tusitio /home/tucanción.mp3" width="250" height="50" /> <param name="movie"

Ejercicio práctico 2: Subir un archivo al blog.

Sube un documento en formato PDF al blog empleando el procedimiento descrito.

Recomendación: la apertura del documento PDF restringida por contraseña.

Ejercicio práctico 3: Cartel publicitario.

Regístrate en la web: www.canva.com y crea un póster para publicitar la “Semana de la

Solidaridad” de nuestro IES. Se valorará la originalidad y la composición. Los diseños se

publicarán en tu blog y en la cuenta twitter del Centro. Aquel que sea más votado se

imprimirá y expondrá en las instalaciones del Instituto. Además, el vencedor obtendrá un

punto extra en la calificación de su blog en la materia de Informática.

9. Insertar un reproductor MP3 en el blog

http://www.canva.com/


13

value="http://sites.google.com/site/tusitio/home/emff_lila.swf?src=http://sites.google.co

m/site/ tusitio /home/tucanción.mp3" />

<param name="quality" value="high" />

<param name="bgcolor" value="#ffffff" />

</object>

4. A continuación sustituimos la parte que pone tusitio y tucanción por las

correspondientes de googlesites.

5. Una vez hecho esto ya podemos publicar y ver el resultado en nuestro

navegador.

Vamos a crear una presentación en PowerPoint, que colgaremos en nuestro

BLOG. En primer lugar vamos a crear la presentación, utilizando para ello

PowerPoint2007. Podemos descargar una presentación desde cualquier web; puede

resultar útil que esté relacionada con los contenidos de nuestro blog. También es posible

utilizar alguna presentación realizada por nosotros, si disponemos de ella.

Una vez hecha la presentación que vamos a incluir en el blog, seguiremos el

siguiente procedimiento.

1. Nos iremos a la web

slideshare. Como no

estamos registrados lo

hacemos, buscamos el

botón “sing up” e

introducimos nuestros

datos hasta completar el

registro. Una vez

finalizado el registro lo

verificamos con el mail

que nos enviarán y nos

aparecerá una ventana

como la de la figura.

Ejercicio práctico 3: Insertar un reproductor MP3

Descárgate un archivo de sonido en formato MP3 y siguiendo el procedimiento descrito

reprodúcelo en tu blog.

10. Insertar una presentación PowerPoint

http://www.slideshare.com/


14

2. Una vez hecho esto, pulsamos sobre “UPLOAD” y “Browse and select files”, y

seleccionamos la presentación que deseamos subir.

3. Tras un tiempo, el archivo se subirá al servidor y se nos pedirán datos. Hemos

de asegurarnos que la presentación ha de estar visible a todo el mundo

(Everyone), y escribimos una descripción sobre el contenido de la presentación.

4. Una vez escrita la descripción pulsamos sobre el icono “Publish All”; nos

aparecerá un mensaje que nos informará que el archivo está siendo convertido,

y pulsamos aquí (here) para ver el estado. Tendremos que esperar durante unos

minutos hasta que la presentación esté convertida, este tiempo es variará en

función del “peso” del archivo y velocidad de nuestra conexión.

5. Cuando veamos que ya esté cargada, pulsamos sobre el título para subir la

presentación online, y buscamos a la derecha el texto “Embed”; copiamos el

c

ó

d

i

g

o

H

T

M

L

.

6. U

n

a

vez copiado, nos vamos a nuestro nuevo post o

entrada de blogger y escribimos el texto

que deseemos (a modo de título por ejemplo),

dejando un espacio para la presentación que

queremos mostrar. Hecho esto, escogemos la

pestaña “Edición de HTML” y pegamos el

código de la presentación. El resultado debe

ser algo similar a esto:



15

En primer lugar vamos a crear una cuenta en el servidor que nos ofrecerá este

servicio http://issuu.com/

Nos registramos en el servicio

clicando en Sign up y rellenando los

campos del formulario que se muestra en

la figura:

Una vez registrados subiremos los documentos que deseemos mostrar en nuestro

blog haciendo clic en

Ahora nos aparecerá un formulario con campos de información que debemos

completar para hacer efectiva la subida.

11. Creación de revistas/libros digitales e inserción en el blog

Nota: Es recomendable convertir los

documentos en PDF antes de proceder a

subirlos a ISSUU

Seleccionamos el

archivo que queremos

subir


16

Una vez completados correctamente todos los campos nos aparecerá una pantalla

como esta:

El proceso de subida tardará un tiempo, transcurrido el cual al hacer clic en

visualizaremos tanto el documento nuevo que hemos incorporado como los

anteriores:

Campos obligatorios:

título, descripción y palabra

clave

Seleccionamos el tipo de

documento, generalmente

Book o Magazine


17

Ahora para insertar un documento en nuestro blog con el formato de revista digital,

simplemente tenemos que seleccionar el documento haciendo clic sobre él.

Ahora clicamos en Embeber

Seleccionamos Blogger

Copiamos este código


18

En nuestro blog creamos una nueva entrada de tipo HTML y pegamos en ella el

código copiado. El resultado será:

Con esta opción insertaremos en nuestro blog un servicio de noticias actualizado.

Son múltiples los periódicos y revistas digitales que lo ofrecen. Nosotros proponemos la

suscripción al servicio RSS de “El País”.

Ejercicio práctico 4:

Siguiendo el procedimiento descrito, publica en tu blog los siguientes documentos:

Una presentación P. Point –en slideshare-. Puedes utilizar alguna de las presentaciones ya

realizadas en la unidad de P.Point.

Un documento de texto- en issuu- (formato Word o Pdf): será una recopilación de los trabajos

que has ido realizando durante el curso (tus archivos de Word). Debes montar todas las

prácticas en un único documento, dándole un formato uniforme (márgenes, tipo de letra,

números de página, título, encabezado, etc). El aspecto y presentación serán en modo revista

digital.

(por ejemplo la presentación P. Point realizada en el apartado anterior-pero en formado PDF-) a modo

de edición digital.

12. Suscripción a un servicio RSS


19

Para ello accederemos a la web http://www.elpais.com/ y haremos clic en la

opción: (parte inferior de la página).

Completamos los campos requeridos:

Pulsamos y en la nueva pantalla que se nos muestra elegimos la

temática de los titulares y configuración de visualización. Hecho esto clicamos en

y recibiremos en nuestro correo el código que caracteres HTML que

tendremos que insertar en el blog.

Copiado este código iniciamos sesión en nuestro blog y desde el panel Diseño

incorporamos un Gadget en la parte que prefiramos. Seleccionamos la opción

y pegamos el

código HTML.

Si nos diera algún error el código emitido, también

podemos copiar el que nos aparece en la página de

confirmación del envío al correo.

Aspecto final en el blog:

http://www.elpais.com/


20

Otra opción es elegir directamente el servicio RSS del periódico o revista deseado,

en este caso continuamos con “El País”:

Elegimos el tema deseado y hacemos clic sobre él, de forma que se nos abrirá una

pantalla como la que se muestra en la figura:

Copiamos la URL y en nuestro blog añadimos

el Gadget:

Copiamos la dirección URL en el

espacio correspondiente y configuramos los

demás elementos mostrados. De forma que el

resultado final será:


21

Ejercicio práctico 5:

Empleando los dos procedimientos descritos, incorpora servicios RSS

a tu Blog. Puedes elegir el periódico o revista que prefieras.

Documents

Creación blog