PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

28/11/2011

Widget para inserir músicas em blogs ou sites

GroovesharkAlt

Atualizado em 10 de maio de 2015

ATENÇÃO: Em função do aplicativo Grooveshark estar definitivamente desativado, este artigo será mantido apenas como referência histórica. Por favor acesse o link Widget com player para ouvir músicas no seu blog para criar o seu próprio widget.

 

Músicas no blog

Veja abaixo o exemplo do widget para reprodução de uma lista de músicas…

Led Zeppelin by Angelo Luis Ferreira on Grooveshark

Existem vários aplicativos e códigos para colocar músicas mp3 em blogs ou sites, mas não achei nenhum tão bom como o grooveshark.com. Além de ser fácil para criá-lo e ter uma quantidade imensa de músicas disponíveis (milhares), é totalmente legal, pois não fere os direitos autorais, segundo a política de funcionamento do site (o widget não permite o download das músicas, mas apenas a reprodução delas com a licença e a responsabilidade do Grooveshark).

Rock And Roll by Led Zeppelin on Grooveshark

 

Criando seu widget

  Acesse o site: grooveshark.com

ATENÇÃO: Em função do aplicativo Grooveshark estar definitivamente desativado, este artigo será mantido apenas como referência histórica. Por favor acesse o link Widget com player para ouvir músicas no seu blog para criar o seu próprio widget.

Para criar widgets para músicas individuais você não precisa se registrar no site. Basta escolher uma música, ou um artista ou até um álbum e digitar em [Procurar música].

image No nosso exemplo vamos procurar uma música do Led Zeppelin. Então, vamos digitar Led Zeppelin. Tecle [Enter] ou selecione uma opção…

image

Na guia [Músicas], role a tela e escolha a música desejada. Clique sobre ela. No nosso exemplo escolhemos a música Whole Lotta Love

image

Na página [Overview] clique no ícone opções..

image

Selecione [Compartilhar música] e depois clique em [Widget].

image

Defina a [Largura] e escolha o [Tema]. Agora é só clicar no link [Copiar para a área de transferência]. Se desejar, você poderá visualizar antes clicando no botão [Pré-visualização].

image

Copiado o código, é só colar no seu blog. Veja o exemplo abaixo…

Whole Lotta Love by Led Zeppelin on Grooveshark

Pronto! Bem simples, não?

Criando uma lista de músicas

Para criar widget com um lista de músicas, você precisa primeiro se registrar no site. Clique me [Create Account] ou nos botões [Facebook] ou [Google], para usar sua conta do Facebook ou do Google… (Se você utilizar estas 2 últimas opções, será necessário permitir o acesso da sua conta… mas fique tranquilo, é bem seguro).

image

Depois de registrado e conectado ao site, clique em [Minhas músicas] no menu superior e selecione [Listas de reprodução].

Clique no botão [Nova lista de reprodução].

image

Em [Nome] digite o nome da sua nova lista. Se desejar, descreva sua lista também em [Descrição] (opcional). Depois clique no botão [Criar nova lista de reprodução].

image

Pronto. Agora escolha suas músicas. Clique em [Procurar] no menu superior…

image

Coloque o nome do artista ou álbum das músicas que você quer acrescentar na lista…

image

Em  [Músicas] selecione uma música e clique na setinha (botão) que fica ao lado do nome. Passe o mouse sob o comando [Adicionar à lista de reprodução…] e escolha a lista que você deseja adicionar a música escolhida. No exemplo, vamos usar nossa lista Led Zeppelin. Faça isto com todas as músicas que você desejar acrescentar na sua lista de reprodução (coloque quantas músicas desejar)…

image

Volte agora para [Minhas músicas] e [Listas de reprodução]. Clique na lista que você deseja gerenciar... (para o nosso exemplo vamos clicar em Led Zeppelin].

image

Pronto, agora você está na página de gerenciamento da sua lista de reprodução…

image Para excluir uma música, clique na botão com setinha ao lado do nome. Clique no botão [Remover(1)]. O legal é que todas músicas acrescentadas ou removidas da sua lista de reprodução serão sempre atualizadas automaticamente no seu widget, seja ele onde estiver…

image

Criar um widget com sua lista de músicas

Para criar o widget de reprodução, clique no botão de opções, selecione [Share Playlist] e clique em [Widget].

imageDefina a [Largura] e a [Altura] do widget. Escolha o [Esquema de cores], ou defina manualmente as cores base, primária e secundária. Agora é só clicar no link [Copiar para a área de transferência]. Para visualizar antes de copiar o código de incorporação, clique no botão [Pré-visualização].

image

Pronto, agora é só colar o código copiado no blog… Veja como ficou o nosso exemplo:

Led Zeppelin by Angelo Luis Ferreira on Grooveshark

Por byALF 

ATENÇÃO: Em função do aplicativo Grooveshark estar definitivamente desativado, este artigo será mantido apenas como referência histórica. Por favor acesse o link Widget com player para ouvir músicas no seu blog para criar o seu próprio widget.

O serviço de streaming Grooveshark foi desativado em maio de 2015.


Veja também:

Música digital em nuvem: baixar músicas será coisa do passado…

8 comentários:

Fudido de Merda disse...

Muito legal seu post. Parabéns. Coloquei esse widget no meu blog.

Unknown disse...

Valeu!!! \o/

Pollyanna Sela Musicoterapeuta disse...

não estou conseguindo de forma nenhuma... me ajudem?!

Jhonny disse...

Obrigado

Bianca Mariane disse...

uso o wordpress.com e não consigo colocar a playlist no blog... eu colo o código de incorporação e não aparece a playlist, pode me ajuda?

byALF disse...

Olá Bianca.

Infelizmente o wordpress.com tem muitas limitações. Para vc. inserir códigos html no site você terá que desembolsar uma graninha e comprar um pacote especial premium: http://br.wordpress.com/products/

Sugiro que você use o Blogger ou o Wordpress.org que são totalmente gratuitos...

Abraços!

Visual Dicas

Unknown disse...

muito bom. visitem o meu blog pessoal www.tudoparadiadia.blogspot.com

Anônimo disse...

Não aparece para compartilhar por widget, como faço?

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics