Image Map

miércoles, 1 de mayo de 2013

Tutorial: Música en tu blog.

Hola, little dragons ^^

Ya tenemos varios pedidos de tutoriales, así que he elegido hacer uno que unas cuantas personas han preguntado: ¿cómo poner música en tu blog?



Yo sé varias maneras de poner música, pero os voy a mostrar la que tenemos puesta en el blog. Sí, esta:




Primero, vamos a esta página web: http://scmplayer.net/
Allí, elegimos un diseño para nuestro reproductor de música (la barra que aparece encima del blog), y le damos a Next.




Ahora, elegimos las canciones.
Donde pone Song title ponemos el título de la canción.
Donde pone Song URL ponemos el enlace de la canción.
(Lo que yo hago es ir a YouTube, copiar el link de la canción desde allí y luego pegarlo).
Si quieres añadir más canciones dale a Add More Songs.
Cuando termines, le das a Next.



Ahora, debemos configurar el reproductor.
Donde pone Auto play, es para que la canción suene automáticamente cuando entres al blog (como el nuestro). Para activar esto, debes tener marcado un tick dentro del cuadro (como muestra la imagen de abajo).
Donde pone Repeat Mode, tenemos varias posibilidades.
1. Que la lista de reproducción se repita todo el rato automáticamente.
2. Que la lista de reproducción no se repita, sino que solo suene una vez.
Eliges la que más te guste.
Finalmente, donde pone Placement of Player Bar, es el lugar donde estará situada la barra de música (Top arriba, Bottom abajo); yo recomiendo colocarlo en la parte superior del blog.
Finalmente, le damos a Done.





Ahora copiamos el código HTML que nos muestra la página.




Vamos a la página principal de nuestro blog y le damos a Plantilla.



Y despues a Editar HTML.



Ahora lo explico todo en una imagen que sino se hace eterno xDD
Aparecerá nuestra plantilla. Bien, ahora clickamos en Plantilla de Formato (arriba a la derecha).
Le damos a Ctrl + F (a la vez) y en la barrita Search que nos aparecerá en la pantalla escribimos <body y le damos a Enter..
Y justo debajo de la frase en la que aparece ese <body copiamos el código que nos dieron anteriormente
Y finalmente le damos a Guardar Plantilla.



Y si todo esta bien hecho y colocado aparecerá al instante en vuestro blog.

Ahora responderé una duda de Alba: ¿Por qué no funciona mi SCM Music Player? Lo he probado de todas las maneras posibles: desde un gadget y en el código HTML del blog, pero no suenan las canciones. ¿Qué puedo hacer?

Alba, a mi nunca me ha pasado eso :( Siempre funciona bien, aunque puede haber fallos. Antes que nada, nunca lo pongas en un gadget tipo HTML, porque no saldría. Aún así, ¿estas segura de que has seguido todos los pasos bien? Si las canciones no suenan lo más posible es que no copiaras las URL correctamente. Bueno, si no recuerdo mal, nos pediste hace tiempo un reproductor de música... ¿Qué te parece si le intentas poner siguiendo los últimos pasos? Igual ahora te sale bien ^^



Eso es todo. Espero haberos ayudado.

¡Un beso!


12 comentarios:

  1. Yo no lo hago así, simplemente, lo copio en un gadget HTML y listo ;) ¿hay alguna diferencia?
    Por cierto, gracias al blog ONE MOMENT IN TIMES, he puesto una plantilla a mi blog Diamante de la Veta y me gustaría saber si nos podrías enseñar a hacer plantillas para nuestros blogs (es que me encantan).

    Un beso, Cassia!!

    ResponderEliminar
    Respuestas
    1. Y otra cosa... jejeje... ¿sabes como personalizar los comentarios? *-*

      Un beso!!

      Eliminar
    2. Sí, ya vi tu blog, ¡y está precioso! Claro que sé hacer plantillas pero es muy complicado como para explicarlo en el blog :( Aún así estoy preparando unas plantillas para regalaros :3
      Sí, también sé, cuando pueda hago una entrada sobre personalizar comentarios :)

      ¡Un besote!

      Eliminar
  2. ¡Muchísimas gracias Cassia! Ahora mismo lo probaré como tu has dicho, haber si hay suerte :)

    Me encanta este blog, vuestros diseños son espectaculres y encima ¡ayudais en todo!

    Un besito:)

    ResponderEliminar
  3. No me sale... dice: Error al analizar XML, línea 522, columna 19: Element type "bodyexpr:class" must be followed by either attribute specifications, ">" or "/>".

    :S

    ResponderEliminar
    Respuestas
    1. A mí al primer intento también me salía eso, pero volví a hacer lo de meter las canciones y elegir el tipo de barra, lo volví a meter debajo de <body y ya me sale.

      :3

      Eliminar
    2. Pues no lo entiendo. Yo he hecho eso y me sale bien :$

      Eliminar
  4. MUCHIIIIIIIISIMAS GRACIAS¡¡¡¡
    por fin lo he conseguido¡¡
    sois las mejores¡¡

    ResponderEliminar
  5. HOLA!!! me ha salido muy bien , lo que no me suena...:$ igualmente, muchas gracias, es fenomenal lo que haceis
    un beso <3

    ResponderEliminar
  6. Anónimo3/6/13 18:43

    ¡Muchas gracias! no hallaba como colocar la barrita abajo, me ha sido de mucha ayuda ^^

    ResponderEliminar
  7. Hola que tal, yo tengo un problemilla me suena pero solo una cancion y luego se para porque sera? sabeis?

    ResponderEliminar