Como colocar Musica no tumblr com o Streampad

Como muita gente esta tendo problemas para usar o muzicons, e os dois tutoriais que a gente tem aqui no blog sobre como por musica no tumblr são usando o muzicons, nós resolvemos fazer outro tutorial só que dessa vez usando o site http://www.streampad.com/getit .

Com o StreamPad não é necessário hospedar a música que você quer que toque no seu tumblr. Quando o código do StreamPad é instalado no seu tumblr ele automaticamente lê todas as músicas que você postou no seu blog e as reproduz. Ai você pergunta, mas como assim ??


No tumblr tem a opção de se postar música, basta você clicar em Audio nas opções da sua dashboard. Na página que vai abrir você pode optar por um arquivo que existe no seu computador, ou então usar um link que contenha a música. Ex: Um link do 4shared

E é essas músicas que você posta no seu tumblr que o StreamPad reconhece e toca na sua página.

Para conseguir o código do StreamPad basta entrar no site  http://www.streampad.com/getit e escolher o Tumblr como a sua plataforma. Feito isso role a página para baixo, você verá então um código, role a página mais para baixo ainda e então vai ter a parte para você customizar o seu player,

A parte em azul indicada pelas setas é como será o seu player, então conforme for customizando vai dando uma olhada para ver como esta ficando o player. Agora vou explicar o que significa cada uma das opções conforme a letra ao lado.

A: Mudar a cor do fundo do player

B: Mudar a cor do que esta escrito ( no caso aqui Click to play all audio posts)

C: O que estará escrito no player

D: Ta vendo aquela setinha do lado de 'Click to play...." então é o play, nesse caso você tem a opção de colocar o play ou não.

E: Escolha se quer que o player toque sozinho ou não.

F: Ta vendo do lado direito da tela um quadradinho com uma seta inclinada, essa é a opção de abrir o player em uma janela maior, você pode habilitar ou não essa opção.

G: Tamanho do player

H: Cor da barra de progresso da música

I: Cor da barra de carregamento da musica

J: Habilitar a opção de escolher a musica da playlist, essa opção não esta aparecendo na imagem acima, mas você notará ela quando habilitar a opção.

K: Mostrar a playlist ao apertar play

L: Habilitar o botão do volume

I: Cor dos botões de play e de abrir em uma nova janela

Bom depois de editar o seu player, vá no Tumblr >> Customize >> Theme >> Custom HTML procure por </head> 


Feito isso volte para a página do StreamPad e copie o código do seu player e cole ele imediatamente antes de </head> no seu tumblr, aperte Update Preview para ver se o player apareceu. Se deu tudo certo salve e entre na sua página para ver como ficou o resultado e se esta tocando as musicas que você postou como audio no tumblr.