Poner un video en el blog

Poner un vídeo es muy sencillo, podemos dejar el enlace para que se reproduzca en el lugar donde está alojado, pero vamos a poner el código necesario para que se reproduzca sin salir del blog, que queda muy bien.

Los vídeos no pueden ser cargados directamente como las fotos, tiene que estar en un albergue. Tenemos varios, los tres más populares son YouTube (sin duda, el más conocido), Google Vídeo (que se unificará con YouTube porque la ha comprado Google) y Dailymotion (un Youtube europeo), estos dos últimos con opción en castellano. Hay otros, como Delealplay propiedad de Vocento, recientemente creado. Desde cualquiera de estos servicios el proceso de inserción es el mismo.

Vamos a trabajar con YouTube. YouTube es un lugar donde la gente deja sus vídeos públicos o privados, compartiéndolos con todos o sólo con usuarios de la familia o amigos. Podemos buscar los vídeos públicos por el nombre con que se ha registrado el usuario, por la palabras del título y los tags (etiquetas que ha puesto); por ejemplo, si es de matemáticas puede llevar: matemáticas, circunferencia, geometría, áreas... etc. Al poner una de esas palabras en su buscador, saldrían los que hayan sido etiquetados con cualquiera de ellas. Hagamos una prueba, pongo dos: Bilbao puentes. Obtengo estos resultados. Al lado de cada vídeo sale una ficha: título, descripción, tags (etiquetas), fecha, usuario y número de veces que se ha visionado. Puedes probar poniendo otras palabras, todas te darán resultados, y si buscas películas, encontrarás secuencias.

Si pulsamos dos veces sobre el título del vídeo, se abre una nueva ventana, empieza a reproducirse y vemos la URL al lado en un marco (esta dirección es la que tendríamos que enviar a alguien para que lo encuentre) y Embed es el código para ponerlo en el blog. Lo copiamos todo, con cuidado. Tiene que empezar por la palabra objet, más adelante encontramos la palabra embed, son dos etiquetas imprescindibles (no confundir con las anteriores, éstas son objetos de programación, no de clasificación), y al finalizar tiene que terminar con esas dos palabras precedidas de esta "/" barra indica que las etiquetas se cierran, en el mismo orden que se abren /embed /objet .

También hay que fijarse en width="425" height="350", estas cifras son el ancho y el alto en píxeles, aparecen en dos lugares del código. Podemos modificarlas, pero para un blog nunca mayores, y siempre de forma proporcional. Resumiendo las dejamos como están o en su lugar las sustituimos por 320 y 240. Si queremos pegar esté código y modificarlo antes de hacerlo en el blog, usaremos el notepad (notas) de Windows.

Para ponerlo en el blog, creamos un post nuevo y haremos lo siguiente:

1º Pulsamos en la pestaña "Edición HTML" y pegamos el código.
2º Cambiamos de nuevo a la pestaña "Redactar" y escribimos el texto si es necesario. También podemos hacer al revés, escribir primero y meter el código al final de todo.
3º En "Vista Previa" vemos como queda. Si está bien, publicamos.

Puede que queramos hacer alguna corrección. Y aunque ésta sea en el título o en el texto, es posible que al volver a republicarlo blogger nos dé un mensaje de error en inglés que nos dice que "falta por cerrar la etiqueta /embed (siempre va entre dos < >)", pero se soluciona fácil. Pulsamos de nuevo la pestaña "Edición html", vemos que ha desaparecido del final del código la etiqueta /embed (no olvidar, siempre va entre < > ) antes de la de /objet, volvemos a ponerla.

En otros servidores como Google Vídeo, el código puede empezar diretamente por embed y terminar en /embed, porque en realidad ésta es la etiqueta clave del código.
El vídeo que he elegido es sobre creación de Objetos de Second Life, un juego sobre un mundo virtual que hace euforia. Lo encontré en este grupo de trabajo educativo http://youtube.com/genmagic

Los grupos son usuarios que comparten un espacio para colocar vídeos sobre un tema, es imprescindible registrarse, no así para hacer uso de ellos. En este enlace hay un SlideShare para aprender todo lo que sobre este servicio queda fuera del curso.

Ahora metemos un vídeo que nos guste en un post. En conclusión: basta buscarlo, copiar el código y pegarlo en la pestaña "Edición HTML"

“Algo de ti” en cada palabra from Petreraldia.com on Vimeo.

Como cambiar la plantilla del blog

Hoy les mostraré una de las cosas que hemos de hacer siempre para mejorar el aspecto de nuestro blog, y que tal vez para muchos de ustedes ya sea algo habitual y lo hayan hecho muchas veces.

En primer lugar lo primero que hemos de hacer es elegir la plantilla que queremos poner. Las plantillas pueden ser de dos tipos: estándar o personalizadas.

Antes de comenzar a instalar cualquiera de las plantillas es muy importante que guardemos nuestra plantilla actual, para poder retornar siempre atrás. Para guardar nuestra plantilla recomiendo mirar este artículo.

Colocar una plantilla estándar

 AQUÍ podréis bajar plantillas para el blog.


YO OS FACILITARÉ UNA COLECCIÓN DE PLATILLAS A TRAVÉS DEL USB PARA ENTRETENEROS EN CASA MIRANDO CUAL ES LA QUE MÁS OS GUSTA. PERO TENER EN CUENTA UNA COSA QUE ES MUY IMPORTANTE CAMBIAR LA PLANTILLA ANTES DE AÑADIR CUALQUIER GADGE EN LA SIDEBAR PORQUE ESTOS CAMBIOS NO LOS GUARDRÁ.

 
Para poner una plantilla estándar tendremos que hacer los siguientes pasos:
1. En nuestro panel de Blogger, elegimos la pestaña “Diseño”, y como subpestaña “Seleccionar plantilla nueva”.

2. A continuación, Blogger nos mostrará una lista de las plantillas definidas. A continuación, seleccionamos la plantilla que más nos guste y pulsamos sobre “Guardar plantilla”. Una vez hecho esto las plantilla ya tendremos la plantilla seleccionada.

Las plantillas de blogger, a pesar de ser las recomendadas de blogger, no tienen poque ser mejores que las que voy a presentar a continuación que más vistosas, simplemente en las de blogger nos aseguramos que podremos usar perfectamente los diferentes “trucos” presentados en muchas de las webs para dar un aspecto más agradable ablogger.

Colocar una plantilla diferente en blogger



Sin embargo, a todos cuando diseñamos una web nos gusta optar por temas más estéticos de tres columnas como el que uso en mi web (aunque aviso que no es un tema de blogger ya que uso wordpress), tendremos que recurrir a otras webs para obtener plantillas. Las principales páginas para obtenerlas son las siguientes:

- BTemplates. Maravillosa página, que a pesar de ser relativamente nueva contiene una increíble colección de plantillas que acostumbran a ser compatibles con muchos de los hacks y de gran calidad. Destacaría las categorías que permiten obtener rápidamente lo que buscamos.

- Plantillas de Mashable. Mashable ofrece 50 plantillas que las considera las mejores de Blogger. Realmente las ofrecidas son muy buenas y creo que merece la pena tenerlas en cuenta.

- Blogger Templates. Blog que ofrece periódicamente multitud de plantillas. Algunas son muy buenas. Está en inglés, aunque no es demasiado difícil entenderlo.

Aún así como digo en este tipo de cosas hay múltiples alternativas y son solo fuentes para obtener plantillas. Para el caso por usar un ejemplo usaré Btemplates, que personalmente creo que es la mejor opción.

Los pasos a seguir serán los siguientes:

1. En primer lugar hemos de seleccionar la plantilla que más nos guste, o un conjunto pulsamos en Download, y descargaremos en formato zip la plantilla.

2. Al descomprimir el archivo, veremos varios archivos, algunos que contienen la captura en imagen pero el importante es el que tiene extensión XML.

3. A continuación, vamos a nuestro panel de Blogger, elegimo la pestaña “Diseño”, y elegimos la subpestaña “Edición de HTML”.

4. En la parte superior observaremos la opción de restaurar una plantilla, y pulsaremos “Examinar” y seleccionaremos de nuestro PC la plantilla que acabamos de descargar. Posteriormente, pulsaremos subir y con esto ya tendremos la nueva plantilla subida.

Tarea 5.2 Cómo hacer un enlace a un documento word.

Para ello necesitamos con nuestra cuenta de gmail acceder a una herramienta de GOOGLE que se llama DOCS y que podemos encontrar AQUÍ. Esto nos supondrá poder enlazar todos aquellos documentos que tengamos almacenados allí siempre y cuando los hayamos puesto a compartir.
Para que sirva de ayuda podéis hacer una visita guiada a traves de ésta explicación:

GOOGLE DOCS

Tarea 5.1: Decorar el blog

Para poner botones de enlaces a otros blogs o links PINCHA AQUÍ

Plantillas gratis para tu Blog

Hola!! Tengo este enlace muy bueno que me lo mandó Carmen Martin que es un blog dedicado a ofrecer plantillas gratis. Darle una mirada AQUÍ.

TENÉIS AQUÍ UN VIDEO TUTORIAL EXPLICATIVO DE CÓMO SE DEBE CAMBIAR LA PLANTILLA DEL BLOG.

Para aprender cómo instalar una nueva plantilla en el blog, visita esta página donde te lo explica claramante. AQUÍ

AQUÍ encontrarás más plantillas para tu blog.

Y si te parecen pocas estas AQUÍ podrás encontrar muchos más enlaces para bajarte plantillas.

Añadir un calendario a tú blog.

Hola!! Este del tipo de enlaces entretenidos para adornar. Es una página que se llama Free Blog Content donde podéis encontrar todo tipo de calendarios, animados, abstractos, de naturaleza, animales, etc.Sólo debéis entrar al sitio AQUI elegir el que más les gusta y luego copiar el código que aparece bajo cada calendario y pegarlo en vuestra plantilla. Para ello deben ir a Plantilla, luego a "Añadir un elemento a la página" y después hacen click aquí para agregar el código del calendario o de lo que queráis colocar.


¿Quieres un reloj para tu blog?




Debes entrar a esta página clocklink.comhaces click donde dice"Want a Clock on Your Website?"luego escoges el que más te gustahaces click en "View HTML Tag"Pones la correcta "TimeZone" de tu país.
Copias el código que sale abajoy luego vas a tu planilla o template y lo copias después del código de los post archivados o donde quieras ponerlo.(HORA CET Central Europa Time)

Después de todo lo anterior no olvides guardar y republicar.

Suerte y si tienes dudas avísame...


¿Cómo poner un Foro en tu blog?

Si lo que quieres es poner un foro en tu blog como el del blog de prácticas, sólo debes dirigirte a esta dirección pinchando AQUÍ y allí podrás hacerlo aunque está en inglés y requiere algo más de práctica que los adornos anteriores. Con un poco de ayuda y tú interés seguro que lo conseguirás. Ánimo.

Slide con tus fotos de Picasa en tu sidebar

Blogger ha incorporado un Slide Show para tu blog. O sea una presentación de diapositivas fácil de configurar y armar dentro de tu blog (en Blogger) con herramientas nativas, así que no tendrás que recurrir a esas opciones que te vienen de fuera y despliegan publicidad o son demasiado pesadas.

Esta incorporación nueva para Blogger, es configurable para tus fotos en Picassa o Flickr, o incluso Photo Bucket (y muchos más), y su incorporación será visible en el sidebar de tu blog. Con este slide show tienes la posibilidad de ofrecer a tu lector una opción gráfica para que observe tus fotos, y puede ir de atrás hacia adelante o viceversa, además de poder hacer clic para ir a la galería.

TAREA 8.1.: Crear un slide o presentación con fotos

Hay muchas maneras de presentar las fotos de las actividades que realizamos, un ejemplo podría ser este, para ello es preciso registrarse en alguno de los dominios que podréis encontrar en las herramientas de la web 2.0 que son muchas y variadas.

Ser Capaces de crear un slide con fotos similar a este o con otro tipo de efectos, para ello es preciso que entréis en este dominio: ONE TRUE MEDIA y os registréis. Es muy sencillo. No olvidéis de anotar el nombre de usuario y contraseña en un papel aparte para que podáis entrar más veces a el.

Para poder verlo sólo debéis pinchar donde pone TUX 5º A



TUX 5º A

A mi personalmente el dominio que más me gusta para hacer este tipo de presentaciones es el que está en la presentación del blog del Curso. Entrar AQUÍ y podréis elegir entre diferentes modelos de presentación , pero antes es necesario darse de alta .

Otro dominio interesante donde crear presentaciones es Slide, donde podréis elegir entre diversos efectos y también poner música.

TAREA 4.1

¿Cómo buscar y bajar imágenes en Internet?

SIGUE LAS INSTRUCCIONES SIGUIENTES PINCHANDO AQUÍ

1.- Abrimos GOOGLE y elegimos buscar imágenes.

2.- Una vez en la página de búsqueda de imágenes, escribimos la palabra a buscar y le damos a búsqueda en Google

3.- Aparecerán en pantalla todas las imágenes relativas a lo que queremos buscar que haya encontrado el buscador.

4.- A partir de aquí tienes dos opciones: la primera es bajarte la imagen con el tamaño de presentación que estás viendo o bien pulsar sobre la imagen para verla con su tamaño real.



Observa que debajo de cada imagen aparece la información acerca del verdadero tamaño en píxeles de los dibujos. De cualquier forma, la forma de bajarse la imagen de presentación como la real es igual: nos situamos encima de la imagen, le damos al botón derecho del ratón y elegimos la opción guardar imagen como.


Sólo queda guardar el archivo en la carpeta que quieras de tu pc o USB.

¿Cómo hacer para publicar una entrada en el blog del colegio?

1. Entrar en el buscador GOOGLE.
2. Pinchar donde pone más.
3. Pinchar donde se encuentra el icono de BLOGGER.
4. Escribe tu cuenta de GMAIL y contraseña.
5. Empezar a publicar en el blog.

Tarea 11: Creación de mapas conceptuales como herramienta de técnica de estudio.

Sería muy interesante enseñar a los alumnos/as a que sean capaces, con el libro delante y la red como recurso de búsqueda de información, de crear mapas conceptuales de cualquier tema que esten preparando. Para ello y pinchando AQUÍ podréis daros de alta y poder acceder a esta herramienta sencilla de manejo donde podréis crear mapas conceptuales vosotros/as mismos y enseñar a que ellos/as los creen también. además nos permite publicarlo en el blog del colegio y que sirva de apoyo a los alumnos/as como técnica de estudio craetiva y motivante.

Otro lugar para hacer mapas conceptuales con más posibilidades ya que podéis poner vínculos a páginas web directamente, añadir imágenes, etc... lo podréis encontrar pinchando AQUÍ.

AQUÍ podréis encontrar un tutorial explicativo paso apaso y debajo un ejemplo de para que podáis ver las posibilidades educativas del mismo.

Un ejemplo de las posibilidades que tiene: Animals invertebrats.

En el blog del cole también podéis ver el ejemplo anterior ya posteado.

TAREA 8: Crear una exposición on line con imágenes.

Podrás hacer una presentación de fotos y colocarla en tu blog.
Sólo debes entrar en Picturetrail y pinchar donde pone SUSCRIPCIÓN GRATUITA y accederás a la información suficiente para poder hacer esta exposición on line de tus fotos.
Necesitarás darte de alta en FLICKR y así poder acceder a todas las fotos que allí tengas guardadas si lo necesitáis.(Esto nos facilita a veces almacenar un numero grande de fotografías y no perderlas)

A continuación presento 7 sitios donde puedes obtener estas presentaciones:

1. Slide: Sin duda el más conocido y utilizado en redes sociales, se encuentra en español.

2. Sliderocket: Tiene muchas opciones, requiere registro.

3. Photosnack: Como su nombre lo indica esta creado especialmente para presentacion de fotografias.

4. Slideroll: Requiere ser descargado e instalado en tu ordenador.

5.  280Slides: Es un programa online

6. Authorstream: Se puede incluir audio y almacenarlo en sus servidores para despues compartirlo.

7. Slideshare: Utilizado sobre todo para la presentacion de diapositivas

TAREA 9: Introducción a la PAGE CREATOR

Para crear una página on line con Google Page Creator como la de nuestro blog del colegio y que podéis ver pinchando AQUÍ.

Es preciso tener una cuenta en Gmail seguir las instrucciones que ésta página nos indica.Pincha AQUÍ para ver las instrucciones de creación.

También,y trabajando esta misma herramienta que google nos ofrece, en el municipio de Sagunt hemos creado un punto de encuentro para la EDUCACIÓN COMPENSATORIA junto con el Cefire de Sagunt. Para verlo: INTERCULTURALIDAD Educación Compensatoria.

Esta herramienta también es útil para crear en nuestro blog unos vínculos relacionados con algún tema en común. Un ejemplo de esto es la siguiente página que forma parte la sidebar de nuestro blog del colegio Pinaeta y donde recogemos varios enlaces para trabajar la ANIMACIÓN LECTORA.

TAREA 10: Enlaces interesantes para el blog

Aquí tenéis todos los enlaces que normalmante utilizo para crear las presentaciones de fotos con música que aparecen en el blog del cole y muchos más efectos que aún no hemos puesto. Pincha AQUÍ para acceder a dichos enlaces.

Si lo que queréis es crear vuestros propios enlaces o favoritos y poder disfrutar de ellos en cualquier pc con conexión a internet podréis hacerlo en esta otra dirección, pinchar AQUÍ

TAREA 7: Poner un albun de PICASA en un post.

Con la cuenta de Gmail podemos acceder a una serie de servicios muy interesantes.

Uno de ellos es Picasa WEB Album (no confundir con PICASA que se instala para administrar nuestras fotos en el PC). Este servicio nos sirve para:

• Añadir las fotos a nuestros post con sólo poner la dirección, como ya hemos visto.
• Tener nuestras fotos disponibles para enseñarlas a quien queramos, sin depender de nuestro PC.
• Poner nuestro álbum o álbumes en el blog.Pulsamos en el enlace o ponemos Google: Picasa WEB Album. Accedemos con el nombre de usuario de Gmail (si tenemos abierta la sesión de Blogger o de e-mail no nos lo pedirá) y la contraseña.Una vez dentro, buscamos "Mis fotos", luego la opción "Subir fotos" y la elegimos.
• Nos preguntará como queremos que se llame el álbum, la siguiente pantalla es la opción de "Examinar"... Y lo demás es como siempre.Podemos crear los álbumes que queramos hasta ocupar los 250 megas. El menú es muy intuitivo, nos permite verlas como una proyección de diapositivas, reordenarlas y organizarlas de nuevo.Al abrir o seleccionar un álbum, podemos "Editar las propiedades", entre ellas tenemos la opción de permitir que sólo lo vean los usuarios elegidos.
• Tanto si lo hacemos público como privado, con "Compartir álbum", podemos hacer las invitaciones, recibirán un e-mail con la url concreta del que queremos que vea.

TAREA 6: Programa PICASA de fotos

Picasa es un programa para organizar y gestionar las fotos en nuestro pc, que además de servirnos para subirlas a Google álbum red o publicarlas en blogger, ofrece interesantes funcionalidades:

• - Nos permite gestionar todas nuestras fotos, cambiarlas de carpeta, verlas a modo de presentación etc.

• - Cuando elegimos una capeta podemos visionarla en todo su tamaño en la pantalla. Un menú nos da la posibilidad de recortarla (lo que nos ayuda mejorar el encuadre), mejorar la luminosidad con "voy a tener suerte", corregir ojos rojos etc. Al terminar optamos por guardarla con otro nombre, hacerlo en otra carpeta o sustituir la original con los cambios efectuados, en este último caso siempre tendremos opción de recuperar la apariencia original.

• - Si elegimos una o varias fotos (Tecla Crtl+Click con el ratón) y pulsamos el icono "exportar", nos pregunta por la carpeta a donde queremos enviar las copias y el tamaño deseado.Picasa es gratis, es de Google, se baja e instala en un momento. Buscamos en Google la palabra "Picasa" y la segunda o tercera opción será esta dirección en castellano:http://picasa.google.com/intl/esAl final de la instalación nos pregunta si queremos que busque todas las fotos del equipo o si preferimos indicarle la carpeta donde tiene que hacerlo. Elegimos la opción que nos convenga. En "Herramientas" "Administrador de carpetas" nos permite luego activar o desactivar las carpetas que queramos que muestren fotos.

• Aquí tienes una guía muy visual.

TAREA 5: Crear vínculos en los post.

Enlazar es la función más imprescindible de un blog.
Es raro que un post sea correcto si no contiene al menos un enlace.

Escribimos o copiamos algo de lo que hemos leído y dejamos el resto o los detalles para el enlace.

1º Lo primero es ver la dirección que nos interesa enlazar en la barra del navegador y copiarla; o bien, poniéndonos encima del link, con el botón derecho del ratón pedimos las propiedades, marcar y copiar.

2º Vamos al post que estamos haciendo y marcamos la palabra donde vamos hacer el enlace, vamos al icono de la "cadena" y pegamos la dirección (con la opción "pegar" o CTRL+V)

Para hacer este post ponemos en Google : ¿Qué es un blog?. Y con lo que encontrado se hace un pequeño texto de no más de 10 líneas comentando y enlazando los resultados que hayamos seleccionado de la búsqueda. Tenemos que ser sintéticos, porque para el lector que quiera más información tenemos los enlaces que vamos poner.

TAREA 4: Publicar una foto

Ya sabéis insertar un post en el blog y publicarlo.

Ahora podéis insertar una imagen ya sea del pc del USB de un CD o de la red.

Para incorporar la foto a un post:
1º Cuando veamos exclusivamente la imagen en pantalla, copiamos la dirección de la página de la barra del navegador.
Si está acompañada de más elementos nos ponemos encima de la imagen, con el botón derecho pedimos las propiedades, marcamos y copiamos la dirección. Podemos probarla poniéndola en otra ventana del navegador, para ver que se ve sólo la imagen seleccionada.

2º Vamos al icono imagen de Blogger. Pegamos la dirección de la foto donde pone url, revisar las opciones de alineación, tamaño (medio, está bien) y la subimos. Si falla, reintentamos; a veces puede pasar. Nos aparecerá en nuestra entrada y con los tiradores la redimensionamos si es necesario.

3º Como la foto no es nuestra tenemos que informar de donde la hemos sacado, es lo correcto. Para ello, copiamos la dirección donde tiene las fotografías el autor.

(Más adelante aprenderemos cómo crear alguna presentación de fotos como las del blog del cole.
AQUÍ tenéis alguna direcciones de interés para ir haciendo deberes si os parece.)

TAREA 3: Crear un post

La primera tarea va a ser un post para presentarnos, podemos incluir una foto o no.
Para editar en el blog se accede desde www.blogger.com o desde la misma barra del blog que cuando lo tenemos abierto nos conduce a Blogger.
Una vez publicado, vemos el resultado y si no nos convence volvemos a corregir y republicar. Si debajo del post encontramos el icono de un "lapicero" nos abrirá directamente el post en el editor, siempre que no cerremos la sesión.
El editor tenerlo activado en la pestaña "Redacción" y no "HTML", tipo de letra la que os guste y de tamaño normal, la vista previa es sólo una aproximación.
¿Qué escribir en este post?
Presentarse no es contar lo que todo el mundo quiere oír.
Tu eliges si prefieres hacer una breve biografía, contar algo de tu situación actual o un aspecto que quieras que se sepa de ti.
(Para crear un blog en Blogger tenemos esta guía, aunque no la uses te servirá para recordar, si te quedaron dudas.)
La escritura en blog es breve y concisa, de golpe de vista.

TAREA 2: Creación de un blog personal.

• Para escribir un blog 1º debemos saber cómo debemos hacerlo para que pueda ser más sencillo de leer y sea realmente útil y accesible a cualquiera ya sean niño/as o adultos.

Visitar ésta página y leer atentamente las indicaciones que allí os dicen:

APRENDIZAJE

• Crear un blog personal a partir de las indicaciones que se dan AQUí

• Tenéis esta otra GUIA que os explica claramente los pasos a seguir.

• Atender a las explicaciones de los diferentes apartados que tiene un blog.

TAREA 1: Abrir una cuenta en GMAIL

En primer lugar, antes de empezar a trabajar en las herramientas del web 2.o es preciso darnos de alta el el correo de GMAIL porque la mayoria de los lugares o dominios de los blogs así lo requieren.

Para ello pinchando AQUÍ os llevará directamente hasta el cuestionario que es preciso rellenar par crear la cuenta en gmail.