Este documento proporciona instrucciones para varias herramientas y servicios web para crear contenido y agregar funcionalidad a los blogs. Incluye cómo crear una cuenta regresiva, agregar presentaciones de SlideShare, enlazar blogs mediante imágenes, usar Picasa Web para compartir álbumes de fotos, crear presentaciones de fotos en 3D con Cooliris, hacer collages y videos en Picasa y subirlos a YouTube, agregar galerías de video de YouTube usando Widgetbox, crear listas de reproducción de YouTube, agregar ejercicios interactiv

1. Elena Saiz Valera

2. índice
 Crear una cuenta atrás ………………………………3
 Slideshare……………………………………………………4
 Enlace de un blog a otro mediante una
imagen………………………………………………………..5
 Picassa Web………………………………………………..6
 Cooliris………………………………………………………..7
 Collage en Picassa……………………………………….8
 Videos Picassa……………………………………………..9
 Subir videos al youtube………………………………10
 Widgetbox………………………………………………….11
 Listas de reproducción de youtube……………12
 Crear ejercicios online………………………………13
 Reproductor de música …………………………..14
 Crear menús desplegables………………………15
2

3. Crear una cuenta atrás
 Accedemos a la página
http://www.countdownclo
ckcodes.com/animated-
countdown-clock/ y a
través de ella empezamos
a crear el diseño. Cuando
lo tengamos, cogemos el
codigo HTML y lo pegamos
en un gaget de nuestro
blog y ya aparecerá en él.
3
3

4. Slideshare
Slideshare es una pagina para subir presentaciones. Al
registrarte, para subir las presentaciones, le daremos a
donde pone “Upload” y seguiremos los pasos que aparecerán
a continuación.
4

5. Enlace de un blog a otro mediante
una imagen.
 Para enlazar un blog a
otro mediante una
imagen, tendremos que
crear un gaget de
imagen subiendo una
foto de tu ordenador o
captura de pantalla del
blog al que quieras ir.
Después añadiremos la
URL del destino y al
hacer click en la foto nos
llevara directamente a
él.
5

6. Picassa web
 Picassa Web es un álbum
virtual de fotos que está
sincronizado con nuestro
correo Gmail. Si tienes una
cuenta de Gmail, tambien
tendras un álbum de
Picassa Web. Para subir
fotos, solo tendriamos que
hacer click en el lugar
donde pone “subir” y
empezar a crear un album
pero tiene que ser “Publico
en la web” para poder
trabajar con el. Para
compartir tu album en el
blog, debes pulsar la opcion
“Enlace hacia el albúm” y
copiar el codigo HTML en un
gaget HTML.
6

7. cooliris
 Cooliris es un programa que nos sirve para crear
presentaciones de fotos en 3D. Para ello, tendremos que
dirigirnos a
http://www.cooliris.com/yoursite/express/builder/ e
insertar, con la opción de picassa, la URL del álbum de
fotos virtual con el que queremos trabajar. Cuando ya lo
hayamos personalizado, copiamos la URL y la pegamos en
un gaget de enlace en nuestro blog.
7 7

8. Collage en picassa
 Lo primero que tenemos que
hacer es descargarnos
Picassa
(http://www.descargarpicasa
.com). Una vez descargado,
le damos a la opcion de
“crear” y a continuacion
collage de imágenes. Ahora
empezaremos nuestro
collage, moviendo fotos,
añadiendo o eliminando,
rotandolas… Una vez
terminado, se guarda y lo
insertamos en nuestro blog
en un gaget de imagen.
8

9. Videos en picassa
 Desde el programa de Picassa,
tendras que darle a la opcion “crear
una presentacion de video”. A partir
de ahí podras ir editandolo,
cambiando el orden de las fotos,
podras añadir musica al video,
establecer los segundos de
duracion de cada foto, elegir color y
letra de textos que pongas… Para
conservarlo, debes guardarlo en tu
ordenador.
9

10. Subir videos al youtube
 Con tu cuenta de gmail, tendras una cuenta en youtube. Para
subir los videos debes darle a la opcion de “subir” y elegir los
videos que quieras subir. Una vez subidos, puedes modificarlos y
ponerles efectos en imagen, sonido… Cuando hayas terminado,
para ponerlo en tu blog, debes coger el codigo HTML que te da
en la opcion de compartir, y añadirlo en tu blog con un gaget
HTML.
10

11. widgetbox
 Widgetbox
(http://www.widgetbox.com/wi
dget/video-gallery-
pro/?id=5ee39126-5321-4904-
8063-e5ff608614f5 ) es una
pagina para crear listas de
videos enlazados con Youtube
para tu blog. Lo primero que
tienes que hacer es registrarte,
después seleccionas el diseño
BASIC. Para añadir videos
copias su URL desde Youtube.
Podrás editar el color del
entorno y escoger el tamaño
que quieras. Después copias su
código HTML y lo insertas en
un gaget del mismo tipo en el
blog.
11

12. LISTAS DE REPRODUCCION DE
YOUTUBE
 Además se pueden crear
listas de reproducciones
desde youtube. En la parte
de LISTAS DE
REPRODUCCION pulsas “+
nueva lista de reproducción”
añades los videos que
quieras tener en esa lista,
bien los videos de tu canal o
mediante una URL. Cuando
ya la tengas, le das a
compartir y desde la opción
de INSERTAR copias el
código HTML insertándolo en
un gaget de este tipo en tu
blog.
12

13. Crear ejercicios online
 Desde la pagina
http://www.quizrevolution.com/
debes registrarte. Una vez hecho,
le das a CREAR CUESTIONARIO y
en la opción CLÁSCICO, creas tus
ejercicios. Primero debes elegir
un diseño, después le pones titulo
e imagen de portada. A
continuación debes poner las
preguntas, con un numero de
soluciones y solo una posible. En
cada pregunta puedes insertar
imágenes, texto o video para
ayudar. Una vez terminado,
copias el código HTML que te
proporciona al final y lo pegas en
tu blog en un gaget HTML.
13

14. Reproductor de musica
Para crear un reproductor de musica en tu blog, debes
dirigirte hacia la siguiente pagina web http://scmplayer.net/
Una vez en ella debes elegir el diseño del reproductor.
Cuando lo hayas elegido, desde youtube copias las URL de
las canciones que quieras poner en el reproductor y le
pones los titulos. Cuando ya hayas terminado con todas las
canciones, copias el codigo HTML que te proporciona la
pagina al final. Lo insertas en un gaget HTML en tu blog y…
¡LISTO!
14

15. Crear menús desplegables
 Selecciona el diseño. Ofrece varias opciones de diseño,
selecciona el tuyo en base a la necesidades de espacio y la
cantidad de opciones que necesitas, hay varios diseños
horizontales y algunos verticales. Una vez seleccionado da
click en el botón “Customize Menu”.
 Personaliza tu menú. Las opciones de estilo (colores,
viñetas, espacios, etc.) las encuentras del lado derecho,
opciones de configuración, en los menús superiores y para
cambiar los links y el texto en los menús solo tienes que
dar doble clic en cada elemento..
 Exportación del código. Una vez que hallas completado
tu menú, vas al menú “file” y luego a “save” para obtener
todo el código necesario.
 Aplicación. Para finalizar pega el código en un gaget html.
15