sexta-feira, 2 de maio de 2014

Mini Music Player Colorido

True ♥

Como fazer mini music players coloridos para colocar no blog. Exemplo:



1. Entre no MP3 Player (x)

2. Lá na página, haverá três abas, clique na que diz 'Players'

3. Na página, aparecerá várias opções de players, escolha o 'Mini'.

4. Aparecerá uma página com um player e um menu ao lado. Nesse menu, clique em 'Generator' (x)

5. Irá abrir uma página tipo essa aqui, certo?

Ótimo! Agora vamos personalizar o player. Se você observar, na página terá um player preto, ele é o preview do que você está fazendo,  ou seja, tudo o que você modificar ali, aparecerá naquele player preto.

Na parte que tem um menu drop down, são as categorias. Iremos editar primeiro a categoria 'General'.

6. Em 'MP3' você vai colocar o link da musica que você quer que fique no player.

Para fazer isso, entre nesse site aqui. E pesquise pela música que você quer. Pesquisei por All Time Low, da The Wanted, mas você pesquisa pela que você quiser, lógico.

Irão aparecer várias opções da música que você pesquisou, clique em uma. 

Assim que você clicar em uma, irá aparecer uma pergunta tosca que matemática, tipo essa (x). Aí é só colocar a resposta lá e clicar em 'download'. (não irá fazer o download).

Aparecerá uma página, e lá estará: "MP3 URL:" acompanhado do seu código. Copie esse código e cole lá na página do Mini MP3, onde se pede.

7. Abaixo de 'mp3' terá width e height, ou seja, largura e altura do player. Ajuste do modo que quiser.

8. Se você quiser que a música se inicie sozinha, marque a opção '1' do autoplay. Caso queira que tenham que clicar no play do player pra musica começar, deixe como '0'.

Agora personalizaremos as cores do player. 
10. Na aba de categorias, selecione a opção 'colors' (x).

11. Em bgcolor você escolhe a cor do fundo do player

12. Em loadingcolor você escolhe a cor da linha que vai passando, no decorrer do carregamento da musica.

13. Em buttoncolor você escolhe a cor do play e do pause

14. Em slidercolor você escolhe a cor do botton que fica andando no decorrer da musica.

Você pode usar essa ou essa tabela de cores. Lembrando que quando você for colocar o código das cores, você NÃO PODE colocar com esse negócio '#'. Tipo, se eu for colocar a cor branca, o código será esse: #FFFFFF, mas eu tenho que tirar isso # e deixar só o código.

Seu player está pronto! Agora para coloca-lo no seu blog, é só copiar o código que está na caixinha, e colar em um widget de HTML/JavaScript.

Nenhum comentário:

Postar um comentário