7 dic 2014

[Tutorial] Cómo poner un reproductor de música en tu blog!

Hoooola chic@s! Como están? o(≧▽≦)o
Hoy os traigo un tutorial muy fácil! Este tratará de como poner un reproductor de música en tu blog ^^

Empezaremos con elegir que diseño queremos para el reproductor! Yo so recomiendo estas dos paginas: Music Player & SCM Music Player; en cada pagina hay distintos diseños, debéis buscar el que se vea mejor con el diseño de tu blog (o diseñar un diseño de vuestro propio reproductor, aun que la verdad con los que te dan en las paginas creo que están muy bien :3)
En ambas paginas al seleccionar un estilo de reproductor aparecerá en esa misma pagina, así podréis imaginar como saldrá.

Una vez lo tengas decidido, pasamos al segundo paso... Elegir las canciones que quieres que salgan!
En la pagina podrás poner: NOMBRE DE LA CANCION ---- Link de Youtube o SoundCloud.

PD: Si no hay suficientes espacios para todas las canciones, dad click a Add More Songs.

Una vez elegidas las canciones que quieren que suenen en el MP3 (pueden cambiarlas o añadir más cuando quieras, pero tendrás que ir poniendo otra vez el código en el blog cada vez que lo hagas)


- Auto Play: Que se encienda automaticamente al abrir el blog
- Shuffle Playback: Canciones suenan aleatoriamente.
- Show Playlist by Default: Que se muestre la lista de canciones siempre al abrir el blog.
- Marquee Text - Song Title move right to left: Que en el reproductor, cuando suene una canción se vea el nombre de la canción de manera fija o no.




Cuando este todo decidido, le damos click a Done y nos dará un código! Para poner ese codigo en nuestro blog debemos ir a: Plantilla > Editar HTML > Y buscamos (Ctrl + F): 
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Si no lo encuentra, prueben con <body expr:class= y cuando lo encuentren justo debajo de la linea anterior se añadre el codigo que no han dado, quedando una cosa así:

Entonces, le dan a Guardar y vais a vuestro blog a ver que tal os ha quedado el reproductor!
además, si alguna vez quieres cambiar las canciones o el diseño... Volved a la pagina, cambias lo que quieras cambiar y entonces haces de nuevo lo mismo para remplazar el codigo que habeis puesto anteriormente! ^w^

Eso es todo! Espero que se entiendo, y si hay alguna pregunta nos dicen :)
Byee ☆⌒ヽ(*'、^*)

2 comentarios:

  1. Creo que voy a probar a poner un reproductor en mi blogs
    Me ha encantado el tutorial
    Hasta pronto ^^

    ResponderEliminar
    Respuestas
    1. Espero que te vaya bien :D
      Me alegro que te haya gustado *^*

      Graciias por comentar!

      Eliminar