Saltar al contenido.

Insertar Mixcloud en blogs de WordPress.com

Insertar Mixcloud en blogs de WordPress.com

Mixcloud permite al usuario escuchar listas de reproducción musical o crearlas y compartirlas. En esta entrada vamos a ver como insertar una de esas listas en nuestros blogs de WordPress.com.

Por ejemplo esta: Summer Madness vol.2 ”Mixshow” 06.07.2012

Insertar Mixcloud en blogs de WordPress.com-1

Si pulsamos en el icono Embed Cloudcast situado a la derecha del reproductor, accedemos a una nueva ventana en la que se encuentra el código para poder insertarlo. Una vez personalizado a nuestro gusto el color, ancho y alto del reproductor pulsamos Update code (en este ejemplo lo dejaré tal cual, por tanto no es necesario) y, a continuación, deberíamos copiar el código que aparece en en el recuadro inferior:

<iframe width="480" height="480" src="//www.mixcloud.com/widget/iframe/?feed=http%3A%2F%2Fwww.mixcloud.com%2Ftristankaru%2Fsummer-madness-vol2-mixshow-06072012%2F&embed_uuid=bfba1c14-88d2-4d33-803b-50d96f76e143&stylecolor=&embed_type=widget_standard" frameborder="0"></iframe>

<p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:472px;"><a href="http://www.mixcloud.com/tristankaru/summer-madness-vol2-mixshow-06072012/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Summer Madness vol.2 &#39;&#39;Mixshow&#39;&#39; 06.07.2012</a><span> by </span><a href="http://www.mixcloud.com/tristankaru/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=profile_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Tristan &amp; Mo Deluxe</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7; font-weight:bold;"> Mixcloud</a></p>

Pero este código no es válido en WordPress.com. Para poder insertar Mixcloud hay que pulsar sobre Can’t use the iframe embed code? con lo que aparecerá un nuevo código:

ject width=”480″ height=”480″>param name=”allowFullScreen” value=”true”>>>bed src=”//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Ftristankaru%2Fsummer-madness-vol2-mixshow-06072012%2F&embed_uuid=5638d33e-7375-4616-a6f0-9bb92ec733d5&stylecolor=&embed_type=widget_standard” type=”application/x-shockwave-flash” wmode=”opaque” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”480″>bed>ject>

<p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:472px;"><a href="http://www.mixcloud.com/tristankaru/summer-madness-vol2-mixshow-06072012/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Summer Madness vol.2 &#39;&#39;Mixshow'&#39; 06.07.2012</a><span> by </span><a href="http://www.mixcloud.com/tristankaru/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=profile_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Tristan &amp; Mo Deluxe</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7; font-weight:bold;"> Mixcloud</a></p>

que si es válido en WP transformándolo con la ayuda del "shortcode"gigya en este otro:

[gigya src="https://www.mixcloud.com/media/swf/player/mixcloudLoader.swf" flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Ftristankaru%2Fsummer-madness-vol2-mixshow-06072012%2F&embed_uuid=5638d33e-7375-4616-a6f0-9bb92ec733d5&stylecolor=&embed_type=widget_standard" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" width="480" height="480" ]

<p style="display:block;font-size:12px;font-family:Helvetica, Arial, sans-serif;margin:0;padding:3px 4px;color:#02a0c7;width:472px;"><a href=”"http://www.mixcloud.com/tristankaru/summer-madness-vol2-mixshow-06072012/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7;font-weight:bold;">Summer Madness vol.2 &#039;&#039;Mixshow&#039;&#039; 06.07.2012</a><span> by </span><a href="http://www.mixcloud.com/tristankaru/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=profile_link" target="_blank" style="color:#02a0c7;font-weight:bold;">Tristan &amp; Mo Deluxe</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7;font-weight:bold;"> Mixcloud</a></p>

Resultado:

Summer Madness vol.2 ''Mixshow'' 06.07.2012 by Tristan & Mo Deluxe on Mixcloud

► Más información sobre código admitido (o no) por WordPress.com: WordPress.com » Support » Code

Si te gustó este truco y quieres recibir en tu correo notificaciones sobre nuevos tutoriales, trucos o recursos puedes suscribirte ahora.

3 Comentarios »

  1. Agradecere si alguien me contesta a mis inquietudes: 1) Como se hace para anular archivos subidos a www-mixcloud.com 2) como se evita que se adosen archivos extraños, a lo que uno ha subido a mixload, como se eliminan?? adonde esta el conbtrol que me adosa automaticamente otro archivo ajeno.

    Me gusta

    • En la entrada se explica la transformación, yo no puedo dedicarme a transformar todo lo que me mandan. Te aseguro que puedes hacerlo tú mismo (malvado conejito 🙂 )

      Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .

A %d blogueros les gusta esto: