Player de música com estilo de “rádio online” no Blogger

Olá querido leitor, seja bem-vindo a mais um artigo do Bloggando Na Web. Eu já mostrei há um tempo atrás como colocar um player de música do MixPod no Blogger.

Porém, esse player fica localizado na sidebar (barra lateral) do blog, e ao recarregar a página ou acessar qualquer artigo, o player pára de tocar e começa a música desde o início. Mas, no artigo de hoje, eu mostrarei como instalar um player que fica semelhante àqueles de rádios online! Com a vantagem de ao mudar de página ou acessar qualquer outra página do blog, a música continua tocando sem ser interrompida!

Eu descobri esse player após minha amiga, Alessandra, pedir para que eu o instalasse em seu Tumblr, e ao entrar no site do serviço, vi que ele podia ser instalado também no Blogger e no Wordpress! Para ver uma demonstração de como o player ficará, você pode visitar nosso blog de testes! Note que ao entrar em qualquer artigo a música não é interrompida!

Mas vamos ao que interessa, siga os passos abaixo para instalar o player!

1. Acesse o endereço: http://scmplayer.net/.

2. Na aba “Choose Skin” você verá diversos modelos de players para escolher; os players disponíveis no momento são os mostrados na imagem abaixo:

(Clique na imagem para ampliar)

3. Após escolher seu player, clique na aba “Edit Playlist”. Nessa nova aba você deverá colocar no campo “SONG TITLE” o nome do cantor/banda e o nome da música; no campo “SONG URL” você deve por o link de um arquivo em MP3 ou o link de algum vídeo do Youtube.

Atenção: se você for utilizar os vídeos do Youtube, tenha certeza de copiar o link de vídeos que estejam com a incorporação ativa, caso contrário a música não irá tocar!
Você pode adicionar quantas músicas quiser! Para adicionar mais campos de música basta clicar no botão “Add More Songs”; para excluir campos, basta clicar no botão com um X. Veja um exemplo abaixo:

(Clique na imagem para ampliar)

4. Na próxima aba, “Configure Settings” (veja imagem abaixo), você pode fazer algumas configurações do player.

(Clique na imagem para ampliar)

► Autostart

Esta opção permite que você configure quando o player irá tocar as músicas. Marcando “no” as músicas só começarão quando o leitor clicar em Play; marcando “yes” as músicas tocarão assim que a página for carregada.

► Shuffle Playback

Esta opção permite que você configure se as músicas serão tocadas aleatoriamente ou na sequencia que foram adicionadas. Marcando “no”, as músicas serão tocadas na sequencia; marcando “yes”, as músicas tocarão aleatoriamente.

► Default Volume

Através dessa opção você pode configurar o volume padrão do player.

► Placement of the Player

Esta opção permite que você escolha a localização do player. Marcando “top”, o player ficará no topo da tela; marcando “bottom”, o player ficará na parte inferior da tela.

► Show Playlist by Default

Essa opção permite que você configure a visualização da playlist. Marcando “no”, a playlist não será mostrada; marcando “yes”, a playlist será mostrada (mas o blog não aparecerá inteiro na tela); e marcando “only on large screen”, a playlist só será mostrada para quem acessar o blog usando uma resolução de tela alta. Eu aconselho que você deixe marcada a opção “no”, mas você que sabe!

5. Para finalizar clique no botão “Done”, isso gerará o código do player. Copie-o e salve-o no bloco de notas.

6. Agora iremos instalar o player no blog! Faça login no Blogger, acesse o painel de controle do seu blog clicando ícone de casa e vá no menu Modelo.

7. Role a página até o final e faça uma cópia de segurança do seu template clicando no link “Fazer backup / Restaurar modelo”, e em seguida no botão “Fazer download do modelo completo”.

8. Pressione Ctrl+F para abrir a janela Localizar do navegador, e procure o código abaixo:

</body>

9. Imediatamente acima deste código, adicione o código do player, aquele que você salvou no bloco de notas no passo 5.

10. Clique no botão “Visualizar” e, se estiver tudo certo, clique no botão “Salvar modelo”.

Pronto, agora é só ir no seu blog e conferir como ficou! Lembre-se: muitos leitores navegam na web ouvindo suas próprias músicas, então, não abuse desse recurso para não perder leitores!

Se você gostou do artigo, achou ele útil ou ficou com dúvidas, sinta-se a vontade para participar deixando um comentário! E não esqueça de divulgá-lo clicando nos botões que estão abaixo do artigo!

Artigo atualizado: 10/07/2011