Cómo tener un reproductor automático en tu blog de Tumblr

Puede configurar un reproductor de música para que comience a reproducir automáticamente un clip de audio cuando un visitante abre su blog de Tumblr. Seleccione un reproductor de audio que sea compatible con los temas de Tumblr e incluya la función de reproducción automática, como Hypster, Grooveshark o Billy Player, seleccione la canción o lista de reproducción que usará en su reproductor, genere el código del widget con la función de reproducción automática habilitada y luego instale el código generado en su tema de Tumblr. Si ya ha instalado un widget de reproductor de música que admite la función de reproducción automática, edite el código HTML del widget para habilitar esa función.

Nuevo widget de reproductor de música

Abra Hypster, Grooveshark, Billy Player o un sitio similar en un navegador y luego cree una cuenta, si es necesario (ver Recursos).

Cree y guarde una lista de reproducción que contenga al menos una canción en la plataforma seleccionada. Tenga en cuenta que si selecciona Billy Player, debe insertar una o más URL en sus propias listas de reproducción o canciones alojadas, ya que el sitio no aloja música; sin embargo, tanto Hypster como Grooveshark albergan una amplia selección de contenido de audio.

Genere el código del widget del reproductor. Para Grooveshark, haga clic en el icono "Compartir canción" junto a una sola canción para abrir el cuadro de diálogo Compartir. Para compartir una lista de reproducción, haga clic en el botón "Compartir" junto a la lista de reproducción en la página de la lista de reproducción. Haga clic en "Insertar" en el cuadro de diálogo Compartir para mostrar el código del widget integrado en un cuadro de texto. Para Hypster, haga clic en "Crear" en el menú de navegación superior, haga clic en la opción "Crear reproductor" y luego haga clic en el diseño del reproductor para abrir la página de opciones de código.

Haga clic en la casilla de verificación "Reproducción automática" para habilitar la función. La opción de reproducción automática está debajo de los campos de entrada de la canción y la lista de reproducción en Billy Player; en Hypster y Grooveshark, está debajo del cuadro desplegable Seleccionar lista de reproducción. Modifique cualquier otra opción del reproductor, como el enlace o los colores de fondo, según desee. Haga clic en "Obtener código" o la opción equivalente para mostrar el código en un cuadro de texto.

Selecciona todo el código y luego presiona "Ctrl-C" para copiarlo en tu portapapeles. También puede hacer clic derecho dentro del cuadro de código con todos los caracteres seleccionados y luego hacer clic en "Copiar" en el menú contextual para copiar el código.

Abre tu panel de Tumblr, haz clic en la flecha junto al nombre del blog principal, selecciona el blog que albergará tu reproductor de música y luego haz clic en la pestaña "Personalizar" para abrir el blog seleccionado para editarlo.

Haga clic en la opción "Editar HTML" en el menú Personalizar para abrir el editor de temas.

Pega el código del widget del reproductor de música en la ubicación deseada en el código de tu tema presionando "Ctrl-V". La ubicación exacta del código depende del reproductor, así que siga las instrucciones del sitio del reproductor para colocar su código; en algunos reproductores, coloca el código del widget en el ""etiqueta, por ejemplo, mientras que para otros el widget reside en la"" etiqueta.

Haga clic en "Actualizar vista previa" para ver el reproductor en el panel de vista previa.

Haga clic en "Guardar" para guardar los cambios y luego haga clic en "Salir" para cerrar el menú Personalizar.

Editar widget existente

Inicie sesión en Tumblr y luego haga clic en la flecha junto a la entrada de su blog principal en la barra lateral derecha de su panel. Se abre una lista de sus blogs.

Haga clic en el blog que aloja su widget de reproductor de audio para abrir el blog en el panel.

Haga clic en la pestaña "Personalizar" para abrir el tema con el menú Personalizar adjunto a la barra lateral izquierda.

Busque el HTML de su widget de reproductor en el código del tema. Primero, marque la casilla Descripción en el menú Personalizar. Si el código del widget no está en el cuadro Descripción, el código está incrustado en el HTML del tema, en cuyo caso haga clic en el botón "Editar HTML" para abrir el editor HTML, presione "Ctrl-F" para abrir el cuadro Buscar, y luego escriba el nombre de su reproductor para localizar rápidamente el widget en el código.

Edite el comando "autoplay = false" a "autoplay = true".

Haga clic en el botón "Actualizar vista previa" para obtener una vista previa de sus cambios desde el editor HTML.

Haga clic en el botón "Guardar" para guardar y publicar sus cambios.

Consejos

Tenga en cuenta que también puede crear publicaciones de audio en su blog utilizando el formulario Publicación de audio de Tumblr; puede buscar en los archivos de música de SoundCloud e Hypster para agregar música a su publicación. Sin embargo, no puede configurar una publicación de audio para que reproduzca automáticamente el clip.

Advertencias

Copie y pegue el código del widget del reproductor original en un documento de texto en blanco antes de editar el HTML del widget, de modo que si comete un error al modificar el código, pueda restaurar rápidamente el código original.