23 de marzo

Procedencia de la imagen

Los últimos artículos del curso. Podéis consultar todo el contenido en la página de Contenidos del curso:

• Vídeos en wordpress.com
• Documentos en el blog con Scribd

• Presentaciones con Slide
• Presentaciones con RockYou
• Presentaciones con Slideroll

• Insertar un mapa de Google maps
• Agregar un widget para traducir el blog
• Archivos, enlaces y descargas

Archivos, enlaces y descargas

Google sites es un buen contenedor de archivos adjuntos. A continuación vemos los tipos de enlaces que podemos mostrar en el blog:

• El documento par adecsragar: http://sites.google.com/site/isidrovidalsite/archivos/Inmusica.PDF?attredirects=0
• El mismo enlace de manera descriptiva

• Un mp3 alojado en Google sites. Al pinchar en él lo podemos guardar o abrir con el reproductor que tengamos en el ordenador
• El mismo archivo de música con el reproductor Audio Player

Un archivo pdf subido al blog:

• partituras-villancicos-720-guion
• Puedo editar el enlace anterior y poner le otro nombre: Villancico: Dime niño

Una presentación de diapositivas realizada con PowerPoint, al pinchar

• Documento subido al blog: El peregrino digital y la educación 2.0
• Documento alojado en Google sites: El mismo archivo alojado en GS
  

Agregar un widget para traducir el blog

Procedencia de la imagen

Podemos preparar un widget que nos traduzca el blog gracias a las herramientas que ofrece el traductor de Google. Solo hay que añadir un widget de texto en el menú lateral con un trozo de código adecuado.

En este enlace de Google traductor, podemos preparar el código necesario para traducir nuestro blog al idioma que queramos.

Yo he colocado el siguiente código para traducir a inglés:

<a href=”http://translate.google.com/translate?u=http://miblog.wordpress.com&amp;hl=es&amp;ie=UTF8&amp;sl=es&amp;tl=en” title=”Translate to English”><img src=”http://rutadelaimagenbanderaingles&#8221; alt=”Translate to English” /></a>

Solo tendrás que sustituir las letras en rojo y colocar la URL de tu blog.

Insertar un mapa de Google maps en wordpress.com

Procedencia de la imagen

He visto en el foro soporte de wordpress.com en castellano la manera de insertar un mapa de Google maps.

• Primero debemos entrar en Google maps en inglés. Sólo funciona desde esta dirección.
• Buscamos la ubicación que queramos.
• Pinchamos en link y copiamos el HTML
• Lo pegamos en nuestro editor donde estamos escribiendo el artículo, en la pestaña HTML.
• Te convertirá el código en uno propio para wordpress.com, algo así como esto

Por ejemplo esta úbicación del pueblo Agua Amarga en Almería que me encanta, se vería así:

Presentaciones con Slideroll

Slideroll tiene una posibilidad de publicación para wordpress.com y que resulta muy interesante

• Puedes crearte una cuenta o elegir una de las presentaciones que tienen alojadas en el portal .
• Una vez que te hayas decidido sobre cuál vas a publicar, debes pinchar en Share que está encima del reproductor.

• Se abrirá un menú desplegable con diferentes blogs y portales donde publicar, busca la de wordpress.com (está en la 2ª página).

• Pones las claves y la URL de tu blog y nos habrá enviado la presentación al blog.
• Después es mejor que la edites para poner etiquetas y categorías.

Las presentaciones quedan muy bonitas. Un ejemplo:

[clearspring_widget title=”Slideroll Slideshow Player” wid=”47b132e07b3c9036″ pid=”49d0e9611d8480ac” width=”500″ height=”280″ domain=”widgets.clearspring.com”]

Aquí tienes algunos enlaces que hablan sobre este sistema:

• Slideroll imágenes en Flash
• Slideroll incorpora su servicio….

Presentaciones con RockYou

RockYou es un portal que nos permite hacer un montón de cosas además de las presentaciones. Para publicar hay que tomar una id que está en la URL de la presentación y colocarla entre corchetes.

Por ejemplo, una presentación que he realizado con RockYou tiene la siguiente URL: http://www99.rockyou.com/show_my_gallery.php?instanceid=55628789 Los números que están en negrita son los que hay que escribir de la siguiente manera:

[rockyou id=55628789]

También podemos cambiar el tamaño del reproductor de RockYou indicándole el ancho y el alto añadiéndole al final: &w=400&h=300. Quedaría así:

[rockyou id=55628789&w=400&h=300]

NOTA: Pinchando en el altavoz que hay en el ángulo inferior izquierdo de la presentación podéis escuchar la música que tiene, y que puedes incluirle cuando haces la presentación en el portal de RockYou.

Presentaciones con Slide

Slide funciona muy parecido a Slideshare, tiene varias posibilidades para insertar la presentación en diversos tipos de blogs, entre ellos WordPress. Puedes hacerlo directamente a:

• WordPress.com: te da el código a insertar entre corchetes
• o WordPress.org (alojado en un servidor) escribiendo tus claves de usuario.

Slide se entiende muy bien con Flickr. Crea una cuenta y sigue estos pasos:

• Introduces tu nombre y accedes a los sets de fotos desde Slide.
• Eliges un set o todas las imágenes.
• Después eliges un manera de presentar las fotos y guardas.
• Puedes elegir el blog donde quieres insertar la presentación, para ello copias el código “embed”. Para WordPress.com necesitamos sólo la id, tienes que buscar el número entre el código “embed”:

<div><embed src=”http://widget-15.slide.com/widgets/slideticker.swf&#8221; type=”application/x-shockwave-flash” quality=”high” scale=”noscale” salign=”l” wmode=”transparent” flashvars=”cy=bb&amp;il=1&amp;channel=216172782120805397&amp;site=widget-15.slide.com” style=”width:400px;height:300px” name=”flashticker” align=”middle”></embed><div style=”width:400px;text-align:left;”><a href=”http://www.slide.com/pivot?cy=bb&amp;at=fl&amp;id=216172782120805397&amp;map=1&#8243; target=”_blank”><img src=”http://widget-15.slide.com/p1/216172782120805397/bb_t016_v000_s0fl_f00/images/xslide1.gif&#8221; border=”0″ ismap=”ismap” /></a> <a href=”http://www.slide.com/pivot?cy=bb&amp;at=fl&amp;id=216172782120805397&amp;map=2&#8243; target=”_blank”><img src=”http://widget-15.slide.com/p2/216172782120805397/bb_t016_v000_s0fl_f00/images/xslide2.gif&#8221; border=”0″ ismap=”ismap” /></a> <a href=”http://www.slide.com/pivot?cy=bb&at=fl&id=216172782120805397&map=F&#8221; target=”_blank”><img src=”http://widget-15.slide.com/p4/216172782120805397/bb_t016_v000_s0fl_f00/images/xslide42.gif&#8221; border=”0″ ismap=”ismap” /></a></div></div>

• El de esta presentación es: 216172782120805397

• Copia el código que te proporciona de esta manera: [“slideshow 216172782120805397]

El pase de diapositivas requiere JavaScript.

A este otro ejemplo sobre BB King & Diane Schuur: [“slideshow 216172782118632484]

El pase de diapositivas requiere JavaScript.