Hermosos Reproductores Mp3

jelow blogueritas esta vez les traigo para compartir unos lindisimos reproductores n.n no son mios no nono haha ya quisiera hacer cosas asi de bellas xD no se quien sea el autor pero hace un magnifico trabajo n.n oki okii regresando a lo de los reproductores les comento que tienen 2 inconvenientes u.u..

la primera.. y es que no se reproduce automaticamente (ya le probe de todas maneras y no pude ¬¬) asi que para que la musica se escuche tendras que darle al botoncito de ►"play"

la segunda...he aqui el detalle hahaha .. al darle ► se redireccionara a una pagina (a lo que no es tan malo porque tiene muchas imagenes y otras cositas)

bueno ahora si los reproductores

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/f440170e.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=AQUI LA URL DE TU CANCION MP3&song=AQUI EL NOMBRE DE TU CANCION'&autoStart=no& repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/a0d05408.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=AQUI LA URL DE TU CANCION MP3&song=AQUI EL NOMBRE DE TU CANCION'&autoStart=no& repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/2e615c70.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=URL DE TU CANCION MP3&song=NOMBRE DE LA CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/2207d82e.swf width=180 height=105 type=application/x-shockwave-flash FLASHVARS="mp3=URL DE TU CANCION MP3&song=NOMBRE DE LA CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/e15a3b6e.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=DIRECCION DE TU CANCION MP3&song=NOMBRE DE LA CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/e4ed006d.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=DIRECCION DE TU CANCION MP3&song=NOMBRE DE TU CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/63e92d23.swf width=160 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=URL DE TU CANCION MP3&song=NOMBRE DE TU CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/fb1d6774.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=URL DE TU CANCION MP3&song=NOMBRE DE TU CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/241ea7b2.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=ULR DE TU CANCION MP3&song=NOMBRE DE TU CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>

<P align=center><EMBED src=http://blog.roodo.com/tomato888882/08adb4b3.swf width=210 height=110 type=application/x-shockwave-flash FLASHVARS="mp3=DIRECCION DE TU MP3&song=NOMBRE DE TU CANCION'&autoStart=no&repeatPlay=no" WMODE="transparent" QUALITY="high"></P>
Y te preguntaras de donde saco un mp3? o como subo un mp3 ??

yo les recomiendo sites google es buenisimo...puedes subir toda clase de archivos ahi.. le pedi de favor a sunadokei que me prestara su tutorial, ella explica paso a paso como hacerlo... da clic aqui y te llevara a la explicacion ^^

Reproductor Kawaii [yOutube]

Weno ya por fin voy a poner este tuto que hace tiempo me pidieron y no habia tenido tiempo de hacerlo, espero y aun tengan ganitas de ponerlo en su blog ^^

para ver como queda da clic en mi nuevo blog de pruebas

oki empezemos con los pasos

como siempre ir a:

Diseno >> Elementos de Pagina >> Anadir gadget html

Copiar este codigo y pegarlo en el gadget:

<div style="position:absolute; top:-310px; left:200px;"><img src="URL DE LA IMAGEN" /></div><div style=" position:absolute; top:-265px; left:244px;"><center>DIRECCION DE TU VIDEO<center></center></center></div>

Como obtener el codigo del video que quiero o me gusta?

1.- Entras a YOUTUBE
2.- Eliges el video de tu preferencia
3.- sigue las instrucciones de la siguiente imagen

el codigo que tome es este:

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/XeHTLONNbzY?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XeHTLONNbzY?version=3&hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Ahora lo que debes de tomar en cuesta son las medidas del video para que quede justa a la imagen. Como vez las medidas del video original de youtube son width: 420 y height 315 tu las debes cambiar a : WIDTH = 160 HEIGHT = 140

Entonces en RESUMEN el codigo deberia quedar asi:

<div style=" position:absolute; top:-310px; left:200px;"><img src="http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog7.png" /></div><div style=" position:absolute; top:-265px; left:244px;"><center><object width="160" height="140"><param name="movie" value="http://www.youtube.com/v/XeHTLONNbzY?version=3&hl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/XeHTLONNbzY?version=3&hl=en_US" type="application/x-shockwave-flash" width="160" height="140" allowscriptaccess="always" allowfullscreen="true"></embed></object><center></center></center></div>

Y para los que quieren hacer la reproduccion automatica ^^ (notaa solo para los que quieren automatica) la reproduccion el codigo quedaria asi:

<div style=" position:absolute; top:-310px; left:200px;"><img src="http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog7.png" /></div><div style=" position:absolute; top:-265px; left:244px;"><center><object width="160" height="140"><param name="movie" value="http://www.youtube.com/v/XeHTLONNbzY?version=3&autoplay=1&hl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/XeHTLONNbzY?version=3&autoplay=1&hl=en_US" type="application/x-shockwave-flash" width="160" height="140" allowscriptaccess="always" allowfullscreen="true"></embed></object><center></center></center></div>

Aqui algunas imagenes que hice ^^

http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog.png


http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog2.png


http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog4.png


http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog3.png


http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog6.png


http://i1085.photobucket.com/albums/j433/Annyz-chan/skinyoutubeannyzblog7.png

NOTITA: si no te queda centrado el video ni la imagen solo mueve el " position:absolute;" del top y el left.

espero haya sido clara sino dejame un comentario ^^ besos

Cute Mp3 Player Blog

Hola mis nenitas les traigo un tuto sobre reproductores mp3 para sus blog =D son bastantes las que me han preguntado sobre esto y bueno por eso este tuto..

estos reproductores son super sencillos pero muy lindos si le pones tu toque ^^ le puedes cambiar el color que tu quieras para que sea mas a tu estilo que bien no?

y para que quede maas lindo le agregue una imagen como se ve aqui espero les guste ^^

Copia el codigo y pegalo en un gadget html/javascript

<center><img src="url de la imagen o gif" /></center>

<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=url o direccion del Mp3&width=240&loop=1&autoplay=1&showloading=always&sliderwidth=7&sliderheight=7&volumewidth=10&volumeheight=10&loadingcolor=ffe3e3&bgcolor1=fdfdfd&bgcolor2=ffffff&slidercolor1=ffafbe&slidercolor2=ffafbe&sliderovercolor=ffafbe&buttoncolor=ffafbe&buttonovercolor=ffafbe" />
</object></center>

rojo: url de la imagen o gif

Rosita: La direccion del mp3

Azul: color de la barrita que carga.

moradito: color de la barrita slide que reproduce.

verde: color del boton que reproduce.

naranja: color del fondo

Aqui te pongo una tabla de colores muy buena ^^ > tablita de colores <

Ahora un pequeno tuto de donde subir un mp3 =)

Editando sobre este tuto, bueno al parecer la pagina que recomende no funciona totalmente.. un buuuu para mi T.T hahah weno entonces hare otro tuto de otra pagina perooooooooo en esta tendran que "registrarse" ... no te preocupes es facil y super rapido ^^

la pagina se llama fileden

Al entrar a la pagina te aparece esto:

despues del paso 2 se va a la pagina de registrar

Despues de registrar te sale un mensaje (que no puse aqui por cabeza hueca que soy) solo dale OK o Login

Despues de dar login sigue el paso 4 que es lo de subir tu cancion

Ahora el paso final

como ven les puse paso por paso ^^ no es dificil solo quitara unos minutos xD

Ahoraaa unas imagenes para decorar el reproductor ^^ (estas las pondras donde dice "url de la imagen o gif)

http://dl3.glitter-graphics.net/pub/600/600163v4eijbj92v.gif


http://dl2.glitter-graphics.net/pub/2478/2478802fvqrtv3j6z.gif


http://dl8.glitter-graphics.net/pub/2795/2795878o1jikw3jod.gif


http://dl5.glitter-graphics.net/pub/894/894965ikz6uwoguv.gif


http://dl3.glitter-graphics.net/pub/724/724673gsbeo7te3j.gif


http://dl7.glitter-graphics.net/pub/1568/1568967c8h2ujlhgj.gif


http://dl5.glitter-graphics.net/pub/1005/1005745a4aoks2iy2.gif


http://dl6.glitter-graphics.net/pub/538/538856w3uxnkvag7.gif

Por favor no copies mis tutos si los tomas da creditos.. gracias n.n

reproductor de musica en tu blog

la imagen que yo use en el reproductor fue tomada de pinkaroL da clic en su nombre para ir a su pagina, vale mucho la pena su trabajo es genial ^-^


asi se debe de ver con la fotito (cualquier foto o imagen que te guste pero extension jpg) ya puesta dentro del reproductor..!! la pongo como ejemplo porque a veces tarda en aparecer la imagen y pues quiero que vean como queda ya puesta toda ^^!!

Notitas para tener el reproductor en tu blog ^^:


El archivo de musica tiene que ser un MP3 y tiene que estar alojado en un hosting para que te de la direccion (URL)

El archivo de imagen que le pongas tienes que ser un jpg.

Copias el codigo

Luego te vas a DISEÑO >> ELEMENTOS DE PAGINA y añades un gadget Htlm/Javascript y pegas el codigo

<p align="center"><embed src="http://img687.imageshack.us/img687/4441/player3.swf" flashvars="mp3=URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION&autostart=1& autoreplay=1&dt_go=URL DE LA IMAGEN QUE QUIERES QUE APAREZCA ^^" wmode="transparent" height="230" width="160"></embed></p>

<p align="center"><embed src="http://img42.imageshack.us/img42/1914/player4.swf" flashvars="mp3=URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION&autostart=1& autoreplay=1&dt_go=URL DE LA IMAGEN QUE QUIERES QUE APAREZCA ^^" wmode="transparent" height="230" width="160"></embed></p>

<p align="center"><embed src="http://img64.imageshack.us/img64/1696/playerl.swf" flashvars="mp3=URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION&autostart=1& autoreplay=1&dt_go=URL DE LA IMAGEN QUE QUIERES QUE APAREZCA ^^" wmode="transparent" height="230" width="160"></embed></p>

<p align="center"><embed src="http://img64.imageshack.us/img64/3316/player2j.swf" flashvars="mp3=URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION*URL DE TU CANCION&autostart=1& autoreplay=1&dt_go=URL DE LA IMAGEN QUE QUIERES QUE APAREZCA ^^" wmode="transparent" height="230" width="160"></embed></p>