Poner playlist en html-tamaño

Poner playlist en html

Bueno explicare tomando de ejemplo a esta pagina porque es una de las pocas que te deja colocar imagen de fondo y tambien donde podes editar el codigo html para retirar ciertas molestias.


primero deben registrarse en

www.playlist.com

hacer click en sign up!

https://i.servimg.com/u/f85/13/25/93/78/play111.jpg



rellenan todos los campos

https://i.servimg.com/u/f85/13/25/93/78/play2211.jpg

luego
https://i.servimg.com/u/f85/13/25/93/78/play311.jpg


cuando terminen click en sign up!

luego aparecera lo siguiente, hacerclick donde indica la imagen
https://i.servimg.com/u/f85/13/25/93/78/play411.jpg


luego ya podes empezar a crear tu playlist, colocas el nombre del artista o cancion y das click en buscar (search)
https://i.servimg.com/u/f85/13/25/93/78/play511.jpg

como yo puse enrique iglesias me da como resultado la lista de sus canciones, veran dos opciones al lado de cada cancion una es para escuchar y el signo + es para añadir ese tema a nuestra playlist

en este caso seleccionare la cancion bailamos para añadirla a mi playlist

https://i.servimg.com/u/f85/13/25/93/78/play611.jpg


al costado derecho de la web podran ver una vista previa de la playlist, alli se mostraran los temas musicales que vas añadiendo, una vez que termines de agregar hacer click en "embed"


https://i.servimg.com/u/f85/13/25/93/78/play711.jpg


Ahora nos pregunta cual de nuestras playlist queremos obtener el codigo, en este caso aparece solo una porque acabamos de crear la cuenta y es nuestra primera playlist, a medida que vayamos creando mas playlist esta lista se agrandara en este paso.

hacer click en el nombre de la playlist

https://i.servimg.com/u/f85/13/25/93/78/play912.jpg


Elegimos la primera opcion para obtener el html de la playlist
https://i.servimg.com/u/f85/13/25/93/78/play811.jpg


En este paso configuraremos la playlist:

Autostart:si/no si ponemos "si" la musica comezara a sonar automaticamente, si ponemos "no" se debe apretar el play para que empiece
Random/Shuffle:si/no-si ponemos "no" los temas se reproduciran segun el orden de la lista, si ponemos "si", los temas al reproducirse cambiaran de posicion, el tema de inicio nunca sera el mismo.

https://i.servimg.com/u/f85/13/25/93/78/play1011.jpg


Custom Skin?:si/no-si ponemos "no" la playlist sera como el modelo de la foto, simple, si ponemos "si", se abrira una opcion para insertar la url de una imagen que servira de fondo de la playlist, la imagen debe ser del tamaño de la playlist, sino tambien se puede colocar una imagen pequeña que se repetira hasta ocupar todo el fondo de la playlist

Choose color of your player: es el color de letras y botones

https://i.servimg.com/u/f85/13/25/93/78/play1210.jpg


una vez que terminamos de configurar hacer click en get code y ya tenemos el codigo listo para insertar
https://i.servimg.com/u/f85/13/25/93/78/play1110.jpg



si queremos colocar en un modulo del portal deben crear un modulo personalizado, simplemente deben pegar el codigo, lo mismo para las paginas html o mensajes de indice, perfiles personalizados, etc, osea lo pueden colocar en cualquier parte de edicion html..(activado)


Modificar el tamaño de la playlist:

por ejemplo tenemos este codigo generado:

Código:

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"> <object width="435" height="270"> <param name="movie" value="http://www.indimusic.us/mc/mp3player_new.swf"></param> <param name="flashvars" value="tomy=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black.xml&amp;mywidth=435&amp;myheight=270&amp;file=http%3A%2F%2Fwww.indimusic.us%2Floadplaylist.php%3Fplaylist%3D61360274%26t%3D1238282232&amp;wid=ms"></param> <param name="allowscriptaccess" value="never"></param> <param name="wmode" value="transparent"></param> <embed style="width:435px; visibility:visible; height:270px;" src="http://www.indimusic.us/mc/mp3player_new.swf" allowScriptAccess="never" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" border="0" flashvars="tomy=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black.xml&amp;mywidth=435&amp;myheight=270&amp;file=http%3A%2F%2Fwww.indimusic.us%2Floadplaylist.php%3Fplaylist%3D61360274%26t%3D1238282232&amp;wid=ms"/> </object> <br/> <a href="http://www.mysocialgroup.com"><img src="http://www.indimusic.us/mc/images/create_black.jpg" border="0"></a> <a href="http://www.mysocialgroup.com/standalone/61360274" target="_blank"><img src="http://www.indimusic.us/mc/images/launch_black.jpg" border="0"></a> <a href="http://www.mysocialgroup.com/download/61360274"><img src="http://www.indimusic.us/mc/images/get_black.jpg" border="0"></a> </div>



las partes a modificar son las siguientes:

width="435" : es el ancho

height="270" es el alto

deben modificar esto en todas las partes del codigo para que se produzca el cambio, en total estos valores aparecen unas 5 veces dentro del codigo.modifiquen todas dandole el tamaño que quieran-

sacar lo que nos molesta:

retirar del codigo toda esta parte final mirar bien desde donde hasta donde:

Código:

<a href="http://www.mysocialgroup.com"><img src="http://www.indimusic.us/mc/images/create_black.jpg" border="0"></a> <a href="http://www.mysocialgroup.com/standalone/61360274" target="_blank"><img src="http://www.indimusic.us/mc/images/launch_black.jpg" border="0"></a> <a href="http://www.mysocialgroup.com/download/61360274"><img src="http://www.indimusic.us/mc/images/get_black.jpg" border="0">

hacer el reproductor invisible:


si quieren poner la musica de fondo sin que el reproductor aparezca deben en las partes señaladas antes sobre el ancho y alto de la playlist

width="435" : es el ancho

height="270" es el alto


colocarlo asi:

width="1" : es el ancho

height="1" es el alto


osea sustituir los valores con el numero 1.Los visitantes no podran apagar la musica.


si tenes pereza de hacer una playlist, aca tenes unas cuantas listas para colocar solo copia el codigo y pegalo donde quieras
http://www.urbe.biz/playlist-f113/