Como ter um reprodutor automático em seu blog do Tumblr

Você pode configurar um reprodutor de música para iniciar automaticamente a reprodução de um clipe de áudio quando um visitante abrir seu blog do Tumblr. Selecione um reprodutor de áudio que seja compatível com os temas do Tumblr e inclua o recurso de reprodução automática - como Hypster, Grooveshark ou Billy Player - selecione a música ou lista de reprodução que você usará em seu reprodutor, gere o código do widget com o recurso de reprodução automática habilitado e em seguida, instale o código gerado em seu tema Tumblr. Se você já instalou um widget de reprodutor de música compatível com o recurso Reprodução Automática, edite o código HTML do widget para habilitar esse recurso.

Novo widget do Music Player

Abra Hypster, Grooveshark, Billy Player ou um site semelhante em um navegador e, em seguida, crie uma conta, se necessário (consulte Recursos).

Crie e salve uma lista de reprodução contendo pelo menos uma música na plataforma selecionada. Observe que se você selecionar Billy Player, deverá inserir um ou mais URLs em suas próprias listas de reprodução ou músicas hospedadas, pois o site não hospeda música; no entanto, Hypster e Grooveshark hospedam uma ampla seleção de conteúdo de áudio.

Gere o código do widget do player. Para o Grooveshark, clique no ícone “Compartilhar música” ao lado de uma única música para abrir a caixa de diálogo Compartilhar. Para compartilhar uma lista de reprodução, clique no botão “Compartilhar” ao lado da lista de reprodução na página da lista de reprodução. Clique em “Incorporar” na caixa de diálogo Compartilhar para exibir o código do widget incorporado em uma caixa de texto. Para Hypster, clique em “Criar” no menu de navegação superior, clique na opção “Criar Player” e, em seguida, clique no design do player para abrir a página de opções de código.

Clique na caixa de seleção “Autoplay” para habilitar o recurso. A opção Autoplay está nos campos de entrada de música e lista de reprodução no Billy Player; no Hypster e no Grooveshark, está na caixa suspensa Selecionar lista de reprodução. Modifique quaisquer outras opções do player, como o link ou as cores de fundo, conforme desejado. Clique em “Obter código” ou a opção equivalente para exibir o código em uma caixa de texto.

Selecione todo o código e pressione “Ctrl-C” para copiá-lo para a área de transferência. Você também pode clicar com o botão direito dentro da caixa de código com todos os caracteres selecionados e clicar em “Copiar” no menu de contexto para copiar o código.

Abra seu painel do Tumblr, clique na seta ao lado do nome do blog principal, selecione o blog que hospedará seu reprodutor de música e clique na guia “Personalizar” para abrir o blog selecionado para edição.

Clique na opção “Editar HTML” no menu Personalizar para abrir o editor de tema.

Cole o código do widget do reprodutor de música no local desejado no código do tema pressionando “Ctrl-V”. A colocação exata do código depende do player, portanto, siga as instruções do site do player para colocar seu código - em alguns jogadores, você coloca o código do widget no "", por exemplo, enquanto para outros o widget reside na"" marcação.

Clique em “Atualizar visualização” para ver o player no painel de visualização.

Clique em “Salvar” para salvar suas alterações e, em seguida, clique em “Sair” para fechar o menu Personalizar.

Editar widget existente

Faça login no Tumblr e clique na seta ao lado da entrada do seu blog principal na barra lateral direita do painel. Uma lista de seus blogs é aberta.

Clique no blog que hospeda o widget do reprodutor de áudio para abrir o blog no painel.

Clique na guia “Personalizar” para abrir o tema com o menu Personalizar anexado à barra lateral esquerda.

Localize o HTML do widget do player no código do tema. Marque primeiro a caixa Descrição no menu Personalizar. Se o código do widget não estiver na caixa Descrição, o código é embutido no HTML do tema, nesse caso, clique no botão “Editar HTML” para abrir o editor HTML, pressione “Ctrl-F” para abrir a caixa Localizar e, em seguida, digite o nome do seu jogador para localizar rapidamente o widget no código.

Edite o comando “autoplay = false” para “autoplay = true”.

Clique no botão “Atualizar visualização” para visualizar suas alterações no editor de HTML.

Clique no botão “Salvar” para salvar e publicar suas alterações.

Pontas

Observe que você também pode criar postagens de áudio em seu blog usando o formulário de postagem de áudio do Tumblr; você pode pesquisar os arquivos de música do SoundCloud e Hypster para adicionar música à sua postagem. No entanto, você não pode configurar uma postagem de áudio para reproduzir automaticamente o clipe.

Avisos

Copie e cole o código original do widget do player em um documento de texto em branco antes de editar o HTML do widget, para que, se você cometer um erro ao modificar o código, possa restaurar rapidamente o código original.