Cómo insertar una lista de reproducción en una barra lateral en Tumblr

Hay varias formas de crear una lista de reproducción y generar el código HTML que lo incrusta en la barra lateral de tu blog de Tumblr. Con Hypster, por ejemplo, puede buscar artistas, canciones o géneros y agregar pistas a una lista de reproducción personalizada. Streampad, por otro lado, compila todos los archivos de audio que haya subido a Tumblr en una lista de reproducción. Y aunque no puede agregar canciones específicas a un reproductor de Radio Tuna, puede usarlo para crear su propia estación de radio basada en su género musical preferido.

Genere el HTML de la lista de reproducción en Hypster

Vaya al sitio de Hypster (enlace en Recursos) y luego inicie sesión en su cuenta de Hypster. Haga clic en "Registrarse" si aún no tiene una cuenta, y luego siga las instrucciones en pantalla para crear una.

Crea una lista de reproducción si aún no lo has hecho: coloca el cursor sobre "Crear", selecciona "Lista de reproducción" y luego haz clic en "Agregar nueva lista de reproducción". Busque pistas, por artista, título de canción o género, y luego haga clic en "Agregar a lista de reproducción" para agregarlas. Continúe agregando canciones hasta que haya creado la lista de reproducción que desea usar en su blog.

Vuelve a colocar el cursor sobre "Crear" y luego selecciona "Reproductor" para crear el reproductor de música que incrustarás en Tumblr.

Seleccione la máscara de jugador que desea usar. Elija la lista de reproducción adecuada en el menú desplegable y luego use las opciones debajo para ajustar la configuración del reproductor a su gusto; configúrelo para que se inicie automáticamente, por ejemplo, o cambie el color del fondo y la fuente.

Ingrese la pregunta de seguridad en la parte inferior de la pantalla y luego haga clic en "Obtener código".

Copie todo el código HTML en el portapapeles de su computadora para usarlo al incrustarlo en el sitio de Tumblr.

Genere el HTML de la lista de reproducción en Streampad

Sube un archivo de audio a tu página de Tumblr haciendo clic en "Audio" y luego sigue las instrucciones en pantalla para ubicar y cargar el archivo de audio desde tu computadora. Tenga en cuenta que puede cargar un archivo por día.

Abra otra pestaña del navegador, navegue hasta el sitio de Streampad (enlace en Recursos) y luego haga clic en "Obtener el código".

Seleccione "Tumblr" de las opciones de plataforma disponibles y luego desplácese hasta la parte inferior de la pantalla para personalizar su reproductor de música. Puede, por ejemplo, cambiar el color de fondo, habilitar los controles de volumen y desactivar la reproducción automática.

Desplácese hasta la parte superior de la pantalla y copie el código HTML del cuadro de texto debajo de "Copiar el código de secuencia de comandos a continuación".

Genere el HTML de una estación en Radio Tuna

Navegue con su navegador web hasta el sitio de Radio Tuna (enlace en Recursos).

Seleccione el color de su reproductor preferido de las opciones disponibles y luego elija un tamaño para su widget.

Elija tres géneros musicales usando los menús desplegables.

Copie el código HTML para su uso en su blog de Tumblr.

Insertar en Tumblr

Inicie sesión en su cuenta de Tumblr, navegue hasta su Panel de control y luego haga clic en el nombre de su blog en la parte superior.

Haga clic en "Personalizar apariencia" y luego seleccione "Editar HTML".

Presione "Ctrl-F" en una PC o "Comando-F" en una Mac para iniciar la función de búsqueda, y luego busque la palabra clave "barra lateral".

Pegue el código de su reproductor donde le gustaría incrustarlo en la barra lateral. Céntrese en las líneas de código entre "

" y "
"sección del código. Siéntase libre de ingresar algunos retornos duros - presione la tecla" Enter "- para que pueda ver su espacio de trabajo claramente.

Haga clic en "Actualizar vista previa" para obtener una vista previa de los cambios de su sitio y editarlos según sea necesario. Haga clic en "Guardar" y luego seleccione "Cerrar".