18 de Mayo de 2013
Sep
3

Tutorial - Poner música en nuestro blog (entradas y bloques laterales)

Categorías: ,

Hace un tiempo hice el Tutorial - Funciones básicas del blog (Herramientas de texto y diseño del blog), por ese entonces la opción de incluir música en nuestro blog no estaba, y como estos dias ha regresado mucha gente de vacaciones y hay nuevos blogerps, he pensado en hacer entrada paralela a este tutorial para explicar como poner música en nuestro blog en una entrada cualquiera o en uno de nuestros bloques laterales :)


Tutorial: poner música en nuestro blog.

Para empezar decir que los medios que podemos usar para poner música en nuestro blog son:

Poner música en una de nuestras entradas.

Queremos dar ambiente a una entrada que hemos hecho, ¿qué es lo que necesitamos? El denominado "Codigo Embed". Para ello acudimos por ejemplo a Goear. Tras buscar la canción deseada no sale esta pantalla.

1 - Reproductor de audio goear.

2 - Link directo para la canción.

3 - Código Embed - Este es el que nos interesa, asi que lo copiamos. 

Ahora acudimos a nuestro blog. En el cuadro de texto encontramos el icono de una pequeña televisión.

Hacemos click y se desplega una mini ventana.

Pegais el código (1) y dais a insertar (2) y os aparecerá en la entrada algo así.

Cuando deis a "enviar" la entrada saldrá el reproductor de goear.

En el caso de songza, buscamos la canción, elegimos una y colocamos el ratón sobre ella. Nos salen estos iconos.

Hacemos click en share, y volvemos a hacer click en "Embed it on my site" Se abre una ventana.

Copiamos el codigo del bloque superior y lo pegamos en la ventana que hemos explicado anteriormente. 

Para poner canciones de Deezer vamos a la página. Como es una página que puede traer confusiones (o eso parece por algunos mp recibidos :D) vamos paso a paso.

Bien, arriba a la derecha cambiamos el idioma a español. En la parte central tenemos la opción de busqueda de canciones, a la izquierda de esta tenemos la opción de registrarnos en la página, o de identificarnos si ya lo hemos hecho.

En la parte derecha está el reproductor de música.

Buscamos una canción en la parte central y se nos despliega una lista que coinciden con la búsqueda.

1 - Cuadro de búsqueda.

2 - Play - Es la forma de reproducir la canción deseada.

3 - "+" - Para añadir a una lista, esto lo explicaré más adelante.

Damos a play y la canción comienza a reproducirse en el reproductor de música situado a la derecha.

1 - Enlace directo de la canción.

2 - Código embed. Este es que debemos usar para pegarlo en nuestro blog.

3 - Personalizar el player - Podemos cambiar los colores del reproductor y si queremos que la canción suene o no automaticamente.

1 - Debemos seleccionar esta opción si queremos que la canción se reproduzca automaticamente** 

2 - Podemos elegir los colores de los recuadros, o abrir este enlace y ponerlos a nuestro gusto.

3 - Codigo embed que debemos copiar y pegar como hemos explicado con anterioridad.

** A veces queremos que suene automaticamente, pero el reproductor solo suena si lo ponemos en marcha manualmente, esto lo podemos solucionar de la siguiente manera. Cuando peguemos el codigo embed en la ventana de nuestro blog, debemos buscar la opción: "autoplay=0"

Para que suene automaticamente debemos cambiar en los dos lugares correspondientes ese 0 por 1. 

Poner música en un bloque lateral.

Muchos blogs tienen una pequeña canción cuando entramos, lo que ayuda a sus autores/as a crear un ambiente adecuado al pequeño rincón que han creado, si quieres hacer lo mismo solo tienes que seguir estos pasos.

Antes de continuar decir que goear y songza no tienen la opción de reproducción automatica, por lo que si decides usar estas páginas los lectores deberán activar manualmente la música Wink

Acudimos a la parte superior de nuestro blog a la opción de "Preferencias" y entramos en "Blog Personal"

Dentro de Blog personal, entramos a "Configuración de Bloques" 

Y se nos despliega todos los bloques que tenemos en la parte derecha de nuestro blog. Los bloques situados en la partq izquierda son aquellos que tenemos sin utilizar, los que están en la parte derecha son aquellos que hemos puesto en el blog y que están en funcionamiento. Elegimos uno de la derecha y hacemos click en el icono derecho en forma de lápiz.

Se nos abre una ventana con las mismas opciones que los cuadros de texto para mandar una entrada, es decir, hacemos clik en la tv.

Pegamos e insertamos.

Y damos a guardar en el botón inferior del bloque.

Cuando acudamos a nuestro blog podremos ver el reproductor elegido en el lugar correspondiente.

Pero, ¿y si queremos tener una lista de reproducción, en vez una sola canción? Nuestra opción es Deezer. Acudimos a la página y nos registramos.

Una vez registrados y con nuestra cuenta validada vemos las opciones que se nos ofrecen.

1 - El perfil que nos hemos creado.

2 - Los mensajes que te han mandado otros usuarios.

3 - los amigos que tienes en la página-

4 - La sección más importante, donde encontraremos la opción de subir nuestra música y hacernos una lista de reproducción al gusto. Entramos en ella.

1 - Entramos en la opción de subir nuestras propias canciones.

2 - Las listas que hemos creado (o vamos a crear)

1 - Subir mp3 propios.

1 - Hacemos click, elegimos la canción que deseemos en nuestro ordenador, y en un plis plas colgada de la red.

2 - Lista de canciones propias que hemos subido a nuestra cuenta.

2 - Listas para crear/creadas.

1 - Son las canciones que hemos añadido a esta lista, pero ¡como añadir canciones? ¿Os acordais del "+" que dije antes que iba a explicar ahora? Bien, cuando esteis dentro de vuestra cuenta y hagais click en ese "+" se os desplegara esta opción:

Elegís la lista deseada, dais a agregar y listo. 

2 - Es el código embed de nuestra lista de música, la cual podremos añadir al blog igual que hemos hecho anteriormente. En este caso también es posible cambiar als opciones de color del reproductor y si se reproduce la música automaticamente o manualmente.

Pues ale, espero que os sirva y que la explicación haya estado suficientemente clara :)

 


Hasta otraaaaaaaa. 

 

Frase del día: La educación ayuda a la persona a aprender a ser lo que es capaz de ser. Hesíodo, poeta griego.

Ja ne, mata 

4.894735
Valoración media: 4.9 (19 votos)

37 Comentarios:

Consejo: Poned musica

Consejo: Poned musica relajante o de bandas sonoras ;)

Y no os paseis que muchos vemos varios blogs a la vez y se mezcla el audio...

Yo voy a ponerme a hacer el mio opcional para quien quiera oirlo o ponerlo en algunas entradas solo ;)

Un saludo.

Yo hace tiempo que vengo

Yo hace tiempo que vengo poniendo una selección semanal en el mío, cortesía de Goear, así que ya estaba familiarizado con el tema. No obstante, te doy igualmente las gracias por el curro en nombre de toda esa gente a la que sí le restulta útil mas no se molesta en dedicar dos minutos a dejar un comentario xD

Saludos! 

Yo soy de esos MP'eros pero

Hasta ahora todos usabamos goear porque era el mas facil de usar, y songza no lo usa nadie proque es lo mas complicado que se ha visto, al igual que Deezer, pero con ese Autoplay tan guay todo el mundo se ha pasado...Y luego llegara un nuevo sistema y nos pasaremos a ese, es que sucumbimos a las modas en un suspiroKitten 

Yo soy de esos MP'erosShocked pero ahora me funciona todo, id a mi blog y lo vereis...

Yo tenia pensado hacer el tutorial, pero te has adelantado...

Y yo tambien busque final fantasy en deezer.

5 estrellas. 

Magnífico Tuto! Yo ya he

Magnífico Tuto! Yo ya he puesto música en el lateral, en vista que esto se está poniendo más de moda que el iphone! No obstante no tiene autoplay, porque como bien dices es un caos cuando abres varios blogs con distinta música y porque si quieres visitar gamefilia desde el trabajo tienes que quitar el sonido al PC, y si se te olvida ponerlo de nuevo el jefe al día siguiente te pregunta todo mosqueado porque no ha sonado tu equipo cuando ha arrancado el windows XP!

Muy buen tutorial Shai.

Muy buen tutorial Shai. Tomo prestada la pagina Deezer, que me viene bien para no llenar el bloque lateral de Goear.

Saludos`^

Yo seguire usando el goear

Yo seguire usando el goear porque eso de que la musica se enchufe solo me gusta pero e decidido no hacerlo, por no molestar a la gente que lo visita ya que yo muchas veces eschucho musica mientras estoy por los blogs y es un engorro tener que ir apagandolo siempre, por eso yo lo dejo opcional.

Muchas gracias.

Dentro de poco a ver si me animo a poner música en el mío. La entrada está muy bien explicada paso a paso.

Todavía no te he dicho que el diseño del blog se sale. ¿Seré el único que se ha fijado en que al empequeñecer la página sale un mensaje oculto?

Por cierto, la música que pones es la leche, a veces dejo el blog abierto hasta que acaba de sonar Embarassed.

5 Estrellas.

Bueno, la diferencia básica

Bueno, la diferencia básica radica en que con deezer puedes decidir si el sonido se reproduce automáticamente o no, así como elegir el color del reproductor, por lo que en mi opinión de momento es la mejor opción de todas. Y aunque es verdad que su interface pueda parecer algo confusa, ahora con el tuto de Shaiyia eso ya no es un problema!

Bueno Shai, ya que tu

Bueno Shai, ya que tu fuistes esa persona que dispuso de su tiempo a contestarme un MP sobre éste tema, lo mínimo que podía hacer yo era comentarte.

Y bueno que, a pesar de dominar ya el uso de esos programas y tal, no sabía lo de las listas así que gracias otra vez. Pero dudo si hacerme una porqué requiere de registro, y tengo tantas cuentas creadas en tantos sitios, que ya me da cosa seguir registrándome.

Tal vez me anime en unos días, por ahora con mis 2 canciones sueltas tengo prou Kitten!

Así que un saludo muy fuerte y 5 estrellas por la matada, cómo no x'D!

una entrada muy buena, 5

una entrada muy buena, 5 estrellas.

Por cierto, la frase del final me ha recordado a esto...

 

http://img102.imageshack.us/img102/3196/carteljamematenza2.jpg

 

Las piedras no muy grandes...

Apoyo a Elollo, yo por

Apoyo a Elollo, yo por ejemplo tengo puesto en un bloque una pista de música, pero sin que se reproduzca automáticamente. Quien quiera oirla le puede dar al play, y quien no pues no le da. Además, eso salva a los que esten en el curro o que le digan a su mami que estan estudiando cuando en realidad estan haciendo el vago por los blogs culturizandose en gamefilia de sorpresas inesperadas con las autoridades superiores.

PD: Muy buen tutorial por cierto (Como si eso pillara de sorpresa, siendo Shai una crack)

¡Saludos, mamertilla! :)

Yo agregué en mis bloques

Yo agregué en mis bloques laterales una imagen o portada de la agrupación músical, y después abajo de la imágen una canción destacable de los mismos, por supuesto, la música solo se reproduce si el visitante lo desea.

Son pocas, pero bueno, tampoco es que me guste mucho este tipo de aplicaciones ya que muchos blogs exteriores lo usan, pero ese no es el caso.

 Aún por ello, es útil esta información

5 estrellas 

Saludos

 

 

Al rico Tuto, oigan!

Para que luego te digan que no te lo curras. Pedazo tutorial, aunque me llega un poco tarde, claro, después de darte la tabarra con lo de "pasame el código que no se como hacerlo"...

Lo dicho, que eres un verdadero ángel de Gamefilia. Voy a empezar a recoger firmas para que Pep y markus te paguen por el trabajo que estas haciendo.

La suzumiyitis ataca de nuevo...

Peazo tutorial

Yo antes de vacaciones ya había pensado de poner algo tipo lo que tiene Franchuzas con el Goear, pero de música normal, no tan enfocado en videojuegos, y que cada uno pinche si le apetece. Pero al volver he visto que todos os estáis metiendo el Deezer. Quizá  lo use con la lista de reproducción, o quizá directamente ponga 4 o 5 de Goear, no lo se...

Pero me sumo a los que dicen que se acoplan. Yo suelo tener 7 u 8 pestañas abiertas, y trabajo con el iTunes enchufado, con lo que el cacao sonoro es importante Zombie

Excelente entrada! 

Que gran tutorial, gracias,

Que gran tutorial, gracias, pronto pondre alguna cancion.

5 estrellas y mil aplausos.

@Psycotic

Eso no te pasa si eres usuario de PC. Con los Mac y el iTunes se te monta un cacao, pero Windows te soluciona eso de manera cómoda y emocionante: se te cuelga xDDDDDDDDD

(Nadie dijo que fuese algo mejor) Y es cómodo porque con un botón (reset) se van todos tus problemas y emocionante porque nunca le habrás dado una ostia igual al teclado cuando te pase xD

Excelente tutorial que me

Excelente tutorial que me pasé de verlo la primera vez. Felicidades y gracias.

Y recordad gente: ¡No pongáis autoplay! Para gente como yo que escucha música delante del PC es molesto que se mezclen ambas canciones, y si encima tengo varias páginas en distintas pestañas, todas ellas con música, eso se parece más a un concierto de Black metal que a otra cosa.

Un saludo.

Muy bien, Logan

Veo que vas por buen camino... ¡¡¡UAHAHAHAHAHHAAAA!!!

 

GRACIAS POR EL DATO

Bueno una gran entrada la verdad yo ya estaba familiarizado con el tema ya tenia ,i reproductor pero bueno muy bueno que parece que poner musica en el blog se esta poniendo de moda y eso que soy nuevo en esto de los blog espero que tengas tiempo y te puedas dar una vuelta por mi blog para que me propongas sugerencias tus visitas te respaldan bueno me despido.adios shaiyia.Kitten

MY Music

Sencillmente fantastico el trabajo que has hecho con este tutorial. Algunos abrian explicado esto con una sola web, pero no tu, tu te lo curras y explicas 3 web para que cada quien eliga lo que mas le guste. Ahora estoy considerando seriamente poner musica en el blog pese a no querer hacerlo antes.

10 mil aplausos y 5 estrellas porque no te puedo poner 10 ( pero piensa que lo hice)

Siempre pensando en los demás.

¡Fantástico Shaiyia! Pedazo tutorial has hecho para que todo el mundo puedo subir música en su blog. Hasta ahora yo había usado Goear. Le voy a dar una oportunidad a Deezer. No sabía que su pudieran subir canciones hasta ahora. Aunque tranquilos que no voy a poner el autoplay con Mother NorthLMAO

 

¡Un saludo cinco estrellas! Wink

 

Hoygan

¿Soy el único que está teniendo problemas con Goear estos días? La página en sí me va, pero los reproductores que pongo en el blog no :(

Creo que están haciendo algunos cambios (la interfaz del reproductor en la página es diferente), así que espero que sea algo temporal.

Y q gastes tu tiempo en

Y q gastes tu tiempo en ayudar a los demas.....de verdad te mereces un monumento, te mande un MP pero ya que estoy te comento dado que me a ayudado mucho yo que soy dificil para estas cosas y leo que con deezer es mas dificil y voy y lo hago gracias a tu tuto, cinco estrellazas para ti, te lo mereces.Wink

Gran Tutorial

Hey muchas gracias shaiyia tu tutotial me ayudo muchisimo, gracias ahora el blog esta mucho mejor, tenia muchas ganas de poner musica en el blog, el tutorial muy claro, muchas gracias.

 

saludos a todos y gracias shai

automatico o manual?

Madre mia, eres toda una experta en casi todo,eso parece. Te felicito nuevamente por tu blog, es una pasada! Bueno, al tema: yo saco el reproductor de Deezer en todos mis blogs,pero hay una opción que me parece que no me funciona, he intentado psar el reproductor a manual pero me dice que na nai...lo he intentado varias veces y no puedo,así que si tienes un minuto me dices bien como lo haces tu y lo pondré en marcha para que no moleste mi musica al iniciar el blog...Thanks!

Human Nature debes en tu

Human Nature debes en tu caso debes desactivar la opción de reproducción automatica en la página de deezer. Para ello cuando tengas lista tu lista de música haz clik en "Personalizar el player" se te abrirá la ventana de configuración:

Donde pone "Lectura automatica" lo quitas, y das a "copiar este" Supuestamente así te debería salir. SI ves que te sigue apareciendo reproducción automatica debes acudir a la configuración de tu blog y cuando pegues el codigo embed de deezer cambia donde pone "autoplay=1" a "Autoplay=0" debes cambiarlo dos veces:

A ver si te sale. Siento no poder ayudarte más, pero es que la configuración de tu blog no se exactamente como será. 

Shaiyia

Muchas gracias por tu rapida respuesta, lo intentaré hacer como tu indicas , a ver si así sale bien. Thanks!

Un placer guapa, a ver si lo

Un placer guapa, a ver si lo consigues ;)

Bien,hice tal como indicas y

Bien,hice tal como indicas y conseguido! Muchas gracias de nuevo. See you!

musica

graciassssssssssssssss feliz año hasta que te encontre mi blog no tenia musica gracias de nuevo por esplicarlo tan bien

Ole!

Gracias por esta entrada!  O'Rly? Realmente útil! Very Happy

No funciona ya el embed

Ya no se puede agregar al blog, puesto que ya no da el link. O algo hice mal?. Goear no deja subir mp3 propios para oirlos luego en el reproductor del blog?. Gracias

Sobre que no funciona.

Podrias guiarme si es que me estoy equivocando?, solo aparece la url. Sabrias si hay alguna otra forma de poner musica al blog?, pero de mp3 que yo posea en la pc, no me interesa musica externa. Gracias. Ya tenes mi correo, sino lo tenes en http://internetelmate.blogspot.com

Daniel, ¿finalmente

Daniel, ¿finalmente conseguiste poner muúsica en tu blog? He entrado y he visto varios reproductores goear, por eso te pregunto. He intentado dejar un comentario allí, pero me sale error continuamente :S

aun no consigo que reproduzca en el mio

muy buen tutorial, pero yo aun no logro que se reproduzca la música, he intentado como 10 veces cambiarle el autoplay en el código HTML y no me resulta :S...que puedo hacer?? ah, lo otro es que = mi blog es de BLOGSPOT, podrias ayudarme igual?, creo que tiene que ver algo con el código, por que me aparece el skin o reproductor, los temas, pero no suenan, ni puedo subir el volumen, nada... por favor ayuda¡¡ :S

Invitado, si em dieras la

Invitado, si em dieras la dirección de tu blog y me pusieras una captura de pantalla con el error me facilitarias als cosas, a ver si conseguimos ayudarte :)

tutorial goear

hola, mi nombre es eduardo, quiero hacerles una consulta. realize los paso que se describen en este tutorial, ingrese a goear y copie todo como lo indica el tutorial, tambien puedo visualizar el reproductor que esta muy completo en la pagina goear, pero en mi blog el reproductor tiene solamente play, es decir puedo darle inicio al tema pero no puedo apagarlo, tampoco tengo el manejo de volumen por lo que es muy molesto para quien visita mi blog. si alguien tiene algun tip, para cambiar el reproductor por otro o como solucionar el problema se los agradeceria.