Como inserir uma lista de reprodução em uma barra lateral no Tumblr

Existem várias maneiras de criar uma lista de reprodução e gerar o código HTML que a incorpora na barra lateral do seu blog do Tumblr. Com o Hypster, por exemplo, você pode pesquisar artistas, músicas ou gêneros e adicionar faixas a uma lista de reprodução personalizada. O Streampad, por outro lado, compila todos os arquivos de áudio que você já enviou para o Tumblr em uma lista de reprodução. E embora você não possa adicionar músicas específicas a um player do Radio Tuna, pode usá-lo para criar sua própria estação de rádio com base em seu gênero musical preferido.

Gerar o HTML da lista de reprodução no Hypster

Navegue até o site Hypster (link em Recursos) e, em seguida, entre em sua conta Hypster. Clique em "Registrar" se ainda não tiver uma conta e siga as instruções na tela para criar uma.

Crie uma lista de reprodução se ainda não tiver feito isso - passe o mouse sobre "Criar", selecione "Lista de reprodução" e clique em "Adicionar nova lista de reprodução". Pesquise as faixas - por artista, título da música ou gênero - e clique em "Adicionar à lista de reprodução" para adicioná-las. Continue adicionando músicas até criar a lista de reprodução que deseja usar em seu blog.

Passe o mouse sobre "Criar" novamente e selecione "Player" para construir o reprodutor de música que você irá incorporar ao Tumblr.

Selecione a skin do jogador que deseja usar. Escolha a lista de reprodução apropriada no menu suspenso e, em seguida, use as opções abaixo dela para ajustar as configurações do player de acordo com sua preferência - defina para início automático, por exemplo, ou altere a cor do fundo e da fonte.

Digite a pergunta de segurança na parte inferior da tela e clique em "Obter código".

Copie todo o código HTML para a área de transferência do seu computador para uso na incorporação no site Tumblr.

Gerar o HTML da lista de reprodução no Streampad

Faça upload de um arquivo de áudio para sua página do Tumblr clicando em "Áudio" e seguindo as instruções na tela para localizar e fazer upload do arquivo de áudio de seu computador. Observe que você tem permissão para fazer upload de um arquivo por dia.

Abra outra guia do navegador, navegue até o site do Streampad (link em Recursos) e clique em "Obter o Código".

Selecione "Tumblr" nas opções de plataforma disponíveis e role até a parte inferior da tela para personalizar seu reprodutor de música. Você pode, por exemplo, alterar a cor de fundo, habilitar os controles de volume e desligar a reprodução automática.

Role de volta para a parte superior da tela e copie o código HTML da caixa de texto em "Copiar o código de script abaixo".

Gerar HTML de uma estação no Radio Tuna

Navegue no seu navegador da Web para o site Radio Tuna (link em Recursos).

Selecione sua cor preferida de player entre as opções disponíveis e, em seguida, escolha um tamanho para o widget.

Escolha três gêneros musicais usando os menus suspensos.

Copie o código HTML para uso em seu blog do Tumblr.

Incorporar no Tumblr

Faça login em sua conta do Tumblr, navegue até o Painel e clique no nome do seu blog na parte superior.

Clique em "Personalizar aparência" e selecione "Editar HTML".

Pressione “Ctrl-F” em um PC ou “Command-F” em um Mac para iniciar a função de pesquisa e, em seguida, procure a palavra-chave “barra lateral”.

Cole o código do seu player onde deseja incorporá-lo na barra lateral. Concentre-se nas linhas de código entre o "

" e "
"do código. Sinta-se à vontade para inserir alguns retornos físicos - pressione a tecla" Enter "- para que você possa ver seu espaço de trabalho claramente.

Clique em "Atualizar visualização" para visualizar as alterações do seu site e editar conforme necessário. Clique em “Salvar” e selecione “Fechar”.