Colocar música em uma página no Blogger e WordPress

Hoje vou mostrar como você pode colocar músicas em uma página em seu Blogger ou WordPress usando o site Grooveshark.

O detalhe é que essa forma que vou mostrar você pode colocar uma ou mais músicas em uma única página, ou em várias páginas sem precisar colocar em TODO o blog. Por exemplo você fez uma página falando sobre um filme e só nessa página você quer colocar uma música do filme.

Se você quer colocar uma música que toque em todas as páginas, em qualquer lugar que estejam seu seu blog você pode ver como fazer isso na postagem abaixo.

Logo abaixo você vê um exemplo do que ensinar como fazer agora, criando uma caixa onde vai ser mostrado os nomes das músicas. Você também pode escolher se a música começa a tocar automaticamente quando alguém entra ou se a pessoa terá que clicar no botão “Play”.

Espaço Blog by Músicas Play on Grooveshark

Caso tenha gostado e queira colocar no seu blog seja ele no Blogger ou WordPress siga o tutorial.

Criando conta no Grooveshark

1º Passo: Primeiro temos que criar conta no Grooveshark e para isso clique no link abaixo:

Criar conta no Grooveshark

2º Passo: No canto superior direito do site em laranja clique em “Criar conta“:

878965456

3º Passo: Agora crie sua conta usando sua conta do Twitter ou Google, ou digitando um e-mail e senha:

7897454565

Escolhendo as Músicas

1º Passo: Já com sua conta criada e logado no site basta você digita o nome da música, banda ou cantor que deseja e logo vai aparecer músicas e albuns do mesmo:

787978945

2º Passo: Clique em “Tocar Música” e ouça se é essa música mesmo que você quer, já que as vezes está um nome mas a música é outra:

897451212

3º Passo: Sendo a música que você quer clique em “+ Adicionar música” depois em “Adicionar á lista de reprodução” e depois em “Nova lista de reprodução“:

121589798

4º Passo: Coloque um nome e uma descrição para sua lista e clique em “Criar Lista de Reprodução“:

1232148789

5º Passo: No canto superior direito clique em seu nome de usuário e depois em “Listas de reproduções“:

128789789

6º Passo: Clique na lista de reprodução que você criou:

2110002374

7º Passo: Novamente no canto superior direito clique no botão “Compartilhar“:

789799461

8º Passo: No canto esquerdo clique em “Incorporar” e depois escolha as cores do player e copie todo o código que for mostrado:

878978954

Colocando no Blogger ou WordPress

Agora com o código do seu player vou mostrar como colocar no Blogger ou no WordPress. Faça uma postagem normalmente como sempre fez e no local que você quiser que apareça o player no Blogger clique em “HTML” e cole o código e no WordPress clique em “Texto” e cole o código.

897455

987784564

7894456546

8974546

Pronto! Com isso você terá um pequeno player com as música que você escolheu. O problema é que dessa forma as músicas não vão começar automaticamente, será preciso clicar no “play”.

Se você quer que as músicas comecem automaticamente faça uma pequena modificação no código que vou mostrar logo abaixo.

Músicas com AutoPlay

1º Passo: Assim que você colocar o código do player no seu blog aperte as teclas: Ctrl + F

E procure pelo seguinte código:

E simplesmente muda o “0” (zero) para “1” (um). Veja no exemplo abaixo:

897845465

Relacionados:

Ainda não há comentários.