Cómo poner música de fondo a tu Blogger Parte-1

Poner música a tu Blogger es una tarea fácil y tenemos varias opciones de donde obtener la música,

la primera  https://soundcloud.com ; la segunda YouTube y la tercera Spotify

SOUNDCLOUD

En Soudcloud elegimos primero la canción que queremos o creamos un playlist y hacemos lo siguiente:

PASO 1: Darle click al icono de "Share" o "Compartir" como se muestra en la figura.

PASO 2: Al darle click nos mostrara una ventada nueva donde nos dara opciones para compartir la canción seleccionada, le damos enel tap  "embed" como muestra la figura.

Al dale click a nos mostrara más opciones, a nosotros nos interesan 2 partes la primera la parte donde dice “ code and Preview”  y “More options” 

 Code and Preview será lo que al final copiemos a nuestro Blog

 “More options” podemos elegir el color del player que usaremos y si queremos que en cuanto la persona entre a nuestro Blog empiece a sonar la canción seleccionada.

Una vez seleccionada las opciones  que queremos, seleccionamos todo lo que contiene “code and preview”

PASO 3: Vamos a nuestra vista de Diseño y Agregamos un nuevo Gadget de HTML/ JavaScript.

Y pegamos el Código Copiado del Sound Cloud y dale guardar, se vera mas o menos asi dependiendo de la posición que elijas.

En mi caso elegí un tema al azar la imagen es muy grande y no se ve muy bien el control reproducción de la canción, modifiquemos las opciones que copiamos

PASO 4: El paso opcional, si recordaran nosotros copiamos algo como esto:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/147968115&amp;auto_play=false&amp;hide_related=false&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false&amp;visual=true">

</iframe> 

Para todos debe estar en chino, no se preocupen solo deben cambiar 2 cosas: 

En la parte donde dice  "<iframe width="100%" height="450"  " cambien los valores de 

width="100%" a width="250" y de  height="150" , donde width es el ancho y height es el largo, al jugar con estos valores podemos buscar el tamaño que se vea un poco mejor. 

Otra forma de hacer lo mismo pero sin cambiar esos valores es cambiar el tamaño de esa columna en bloger. asi:

tema->personalizar->Ajustar ancho

Les mostrara una pantalla como esta, en mi caso mi tema seleccionado solo cuenta con una barra lateral derecha, cambiando el tamaño a  de  "260" a "450" se logra que ya no se distorcione el player del Soundcloud, y listo