Poner Audio en una entrada

Este es un ejemplo de un artículo o entrada en la que además del texto que veis podéis escuchar una canción o una lista de reproducción.

En este caso esa canción o lista de música se encuentran en alguna página web y nosotros simplemente ponemos el código HTML que nos da para que podamos escuchar la canción o lista de música. Hay muchas páginas que permiten hacer esto como goear.com, deezer.com, etc.

1) Poner reproductor con una canción de goear.com

Para escuchar cualquier canción o lista de reproducción de esta página no  es necesario registrarse. El registrarse es para crear sus propias listas de reproducción.

Como queremos poner una canción, cuando estemos en esta página debemos  poner el título de la canción y si se quiere el nombre del artista y tras asegurarnos que en la lista despegable pone poner Música pulsar el botón buscar.

A continuación se mostrarán todos los resultados que existen en esa página y que coincide con lo que has puesto para buscar, por lo que debes mirar cual es el que te interesa y pulsar sobre dicha canción. Ten en cuenta que pueden salir tantos resultados ya que puede ser que varias personas hayan subido esa canción.

Cuando entras en la canción deseada y empieza a reproducirse verás que te muestra distintos códigos HTML para que lo puedas poner en un blog o en cualquier otro tipo de página. Aunque puede ser que todos funciones en blogger, se recomienda que cojas aquel que ponga que es el mejor para blogger.

Una vez que tenemos el código, ya podremos irnos a la entrada que estamos creando y poniendo el editor en modo HTML pegar dicho código. Recuerda volver después al modo REDACTAR que es el normal. Cuando estés en modo redactar debes tener en cuenta que puedes ser que no veas nada que indique que se ha puesto ese código pero que cuando le des a vista previa o a publicar si aparecerá, por esto yo siempre recomendaba que antes de poner el código abriésemos un hueco. De todas formas si has puesto el código que te recomendaban para blogger si que se debe ver un recuadro que representa el reproductor de música que has puesto.

Aquí abajo te dejo una canción de listengo centrada ya que he puesto el código entre los comandos center y /center.

1) Reproducir una lista de música desde goear.com

Ahora queremos reproducir una lista de música que haya creado alguien en goear.com, con lo cual, a la hora de buscar especificaremos el artista y tras asegurarnos que seleccionamos en la lista desplegable la opción de Lista pulsaremos en buscar. 

Al hacer esto saldrán todas las listas que los usuarios registrados en goear.com hayan creado sobre ese artista, por lo que accederemos a la que más nos interese. 

Una vez que hemos accedido a la lista que queremos, aparecerán todas las canciones que contiene esa lista y el código HTML que tendremos que copiar y pegar en la entrada que estamos creando en nuestro blog. Se recuerda que también se podría poner esta lista como gadget. 

Poner esa lista entera en una entrada o artículo del blog se hace de la misma forma que vimos en el caso anterior cuando pusimos una única canción. Es decir,tendremos que irnos a la entrada que estamos creando y poniendo el editor en modo HTML pegar dicho código. Recuerda volver después al modo REDACTAR que es el normal. Cuando estés en modo redactar debes tener en cuenta que puedes ser que no veas nada que indique que se ha puesto ese código pero que cuando le des a vista previa o a publicar si aparecerá, por esto yo siempre recomendaba que antes de poner el código abriésemos un hueco.

Aquí abajo te dejo una lista de canción sacada de goear. Aparece  centrada ya que he puesto el código entre los comandos center y /center.

 

 De forma similar a lo que hemos hecho en goear.com, se haría en páginas como  deezer.com o cualquier otra por el estilo que conozcas,  aunque en algunas de ellas como en deezer sólo te reproduce 30 segundos de cada canción a no se que nos registremos. Este registro es gratuito y la verdad es que si uno usa de forma asidua páginas de este estilo es interesante registrarse para poder crear sus propias listas de música. Además, en el caso de deezer no sería necesario crear una cuenta nueva ya que podemos usar nuestra cuenta de google+. Os animo a que intentéis crear otras entradas con música de estas páginas o de otras que conozcáis. Si lo hacéis me mandáis los enlaces a dichas entradas para que las pueda valorar.

Poner Vídeo en una entrada

En este artículo vamos a ver como podemos insertar o incrustar en un artículo un vídeo youtube.

Para ello debemos irnos a youtube.com, buscar el vídeo deseado y una vez que se empiece a reproducir observaremos que si pulsamos sobre el botón Compartir nos saldrá la URL que deberíamos copiar si quisiésemos insertar el enlace del vídeo y para que aparezca el código HTML debemos pulsar el botón insertar. Antes de copiar el código sería interesante configurar aspectos de control como si queremos que haya borde o no, si queremos que se incluyan vídeos relacionados, la anchura y altura, etc.

Una vez que tenemos el código podríamos copiarlo pero para ello debemos estar en el modo Edición de HTML.

A continuación mostramos un vídeo de youtube:

Observa que ese vídeo está alineado a la izquierda pero ahora lo voy a poner centrado:

Y por último lo voy a poner alineado a la derecha:

 En el caso de un vídeo, cuando se inserta el código estando en el modo HTML y volvemos al modo Redactar no podemos reproducir el vídeo pero si podemos ver un recuadro que representa el vídeo y por tanto lo podemos seleccionar y pulsando sobre el botón de alineación decidir si lo queremos alineado a la izquierda, en el centro o a la derecha. 

Esto mismo que hemos hecho con youtube lo podremos hacer con cualquier otra página que muestren vídeos y que nos de la posibilidad de obtener el código que necesitemos para visualizar el vídeo en nuestra web. Hay infinidad de páginas que nos permiten hacer esto y en este artículo se describen varias de ellas. Animaros a poner algún vídeo de otra página que no sea de youtube.

Poner álbum de Picasa en una entrada

En este artículo vamos a explicar las formas que tenemos para poner un álbum público de Picasa en un artículo. En primer lugar debemos irnos a Picasa e identificarnos para entrar en nuestros álbumes. Una vez hecho esto entraremos en un álbum Publico (ojo es importante que sea público para que todo el mundo lo pueda ver) y pulsamos en un enlace que aparece en la derecha y que pone Enlazar a este álbum. Al hacer esto se despliegan 3 opciones que pasamos a explicar a continuación:

1.- Poner el álbum como un enlace.
 En este caso lo que ponemos en nuestro artículo es un enlace a la URL (dirección de internet) de dicho álbum público. Debemos copiar la URL y meter un enlace en nuestro artículo. Por ejemplo, pulsa aquí para acceder a mi álbum de picasa.

 2.- Poner el álbum como una tabla.

Realmente lo que hace esto es poner la imagen que representa la tapa del álbum, que suele ser la primera aunque se podría cambiar, y hacer que sea un enlace a nuestro álbum de forma que al hacer clic sobre dicho enlace accedamos al álbum.

Como ahora hay que introducir un trozo de código HTML lo más correcto es que nos vayamos al modo de Edición de HTML en nuestro editor del artículo de forma que peguemos el código copiado. A continuación mostramos un ejemplo:

Mi álbum público

 3.- Incrustar proyección de diapositivas.

Esta opción suele ser la más vistosa ya que incrusta en nuestro artículo una proyección de diapositivas en las que las imágenes del álbum van pasando de forma automática aunque también podemos hacerlo de forma manual.

Al pulsar en esta opción aparece un codigo en el que podemos especificar algunos parámetros como el tamaño de la presentación y si queremos que empice la proyección de forma automática así como el título de las imágenes. Una vez que copiemos el código debemos irnos al modo Edición HTML y pegarlo. Además de los tamaños predefinidos podemos poner el tamaño deseado usando los parámetros width (anchura) y height (altura). A continuación mostramos un ejemplo:

Como curiosidad comentar que si quisiésemos que la presentación se mostrase en el centro del artículo basta con poner antes del código copiado la etiqueta center y después del código pegado la etiqueta /center (os recuerdo que las etiquetas HTML comienzan con el sigo de menor que y acaban con mayor que).