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.