Internet

03/03/2011 19h16 - Atualizado em 14/07/2011 07h00

Como criar um widget com músicas do Grooveshark e inserir em seu site

Camila Porto
por
Para o TechTudo

Nível: Intermediário
Aplicativo necessário: Grooveshark
Passos: 10

O Grooveshark é um dos principais sites para se ouvir música de graça na internet. Milhares de artistas possuem suas músicas cadastradas em seu vasto repertório musical, e é possível criar playlists, conhecer o gosto musical de seus amigos, ouvir as músicas mais quentes do momento - de acordo com o estilo - e muito mais.

Além de todas estas opções, o Grooveshark permite que você crie widgets e insira suas músicas favoritas em seu site. Para isso, basta criar uma playlist ou escolher uma faixa e criar um player para postar em qualquer página da internet.

Quer saber como? Basta seguir o passo a passo abaixo:

Passo 1. Acesse o Grooveshark e crie uma playlist ou encontre uma música que você deseja inserir no widget.

Passo 2. Assim que escolher uma faixa, clique em “Opções (1)”, “Compartilhar música (2)” e, por fim, em “Widget (3).

Widget para uma música (Foto: Reprodução/Camila Porto)Widget para uma música (Foto: Reprodução/Camila Porto)
Widget para uma playlist (Foto: Reprodução/Camila Porto)Widget para uma playlist (Foto: Reprodução/Camila Porto)

Para compartilhar toda a playlist, clique em “Reproduzindo agora/Incorporar músicas”.

Passo 3. Ao abrir a janela do widget um código será exibido. Se quiser utilizá-lo sem personalizações, basta copiá-lo e inserir em seu site, no HTML dele. Para personalizar o player, clique em “Personalizar”.

Passo 4. A versão gratuita do Grooveshark permite a utilização de apenas dois modelos de player: o Chamaleon, para playlists; e o Single Song, para apenas uma música. Escolha o modelo de acordo com a sua necessidade.

Passo 5. Depois de escolher o modelo de player, use o quadro “Stylize and Customize” para realizar suas modificações no tamanho e cores. Todas as modificações podem ser vistas automaticamente no modelo no lado direito do quadro de personalização.

Janela de personalização de cores (Foto: Reprodução/Camila Porto)Janela de personalização de cores (Foto: Reprodução/Camila Porto)

Passo 6. Depois de personalizar o player, clique em “Next Step” para continuar.

Passo 7. Na página seguinte, insira ou remova as músicas da playlist. Digite o nome da música em “Search for a Song” para procurá-la na base de dados do Grooveshark.

Adicionando ou removendo músicas (Foto: Reprodução/Camila Porto)Adicionando ou removendo músicas (Foto: Reprodução/Camila Porto)

Passo 8. Ao encontrar a música, clique no símbolo de “+” ao lado dela para adicioná-la ao player.

Passo 9. Assim que concluir a criação do widget, clique em “Finish” para acessar as opções de compartilhamento.

Passo 10. Copie e cole o código fornecido pelo Grooveshark em seu site ou compartilhe o player nas redes sociais.

Seja o primeiro a comentar

Os comentários são de responsabilidade exclusiva de seus autores e não representam a opinião deste site. Se achar algo que viole os termos de uso, denuncie. Leia as perguntas mais frequentes para saber o que é impróprio ou ilegal.

recentes

populares

  • Jose Vidal
    2012-03-17T21:38:47

    Camila, não consigo ver a opção compartilhar musica

  • Jose Vidal
    2012-03-17T21:38:32

    Camila, não consigo colocar o widget, pois ele não me da a opção de compartilhar

  • Marta Gregorio
    2011-10-31T17:49:51

    Excelente mesmo Camila. Obrigada pelo tuto e pela explicação. #amei