Tutorial - Como colocar um player de músicas no seu blog

Nesse rápido tutorial, você vai aprender a como colocar música no blog,utilizando um aplicativo gratuito chamado SCM Music Player.


Algumas observações antes de começar:

• NÃO PROSSIGA COM O TUTORIAL SE O SEU BLOG ESTIVER PESADO E CHEIO DE WIDGETS(isso comprometerá o desempenho do seu site)
• O SCM Music Player é um aplicativo gratuito,e não precisa de cadastro para utilizar o plicativo.
• Você pode optar por escolher que a música reproduza automaticamente,ou só quando o usuário escolher pausar ou reproduzir a música.

Vamos Lá...

Primeiramente acesse o site que iremos usar ↓

www.scmplayer.net/


Teremos essa página :

Na aba Choose skin,escolha o tipo de player que você deseja usar no seu site.

Em seguida na aba Edit Playlist nós iremos fazer a seleção de musicas que irão tocar no site.
 Para adicionarmos musicas a playlist: precisamos escolher a música no youtube,copiar o link e colar na caixinha SONG URL.Assim :

Na caixinha SONG TITLE,coloque o nome da musica que aparecerá no player.

Faça isso com todas as músicas que deseja.

Na ultima aba Configure Settings,iremos configurar algumas coisas básicas sobre o player.
 Faremos o seguinte :

PLAYBACK
Autostart - Escolha 'YES' para que a música toque automaticamente.
Shuffle Playback - Escolha 'YES' para reproduzir as músicas aleatoriamente.
Defaut Volume - Deixe a porcentagem inicial do volume.


APPEARENCE
Placement of Player Bar - Escolha onde a barra do player irá ficar : Top(acima) Botoom(abaixo)
Show Playlist by Defaut - Mostrar Playlist por padrão.


Após feito tudo isso,clique em DONE


Irá aparecer essa caixa com um código:

Copie todo o código e logue na sua conta do blogger ou seu site.

Após isso adicione um gadget em HTML/JavaScript no seu site,e cole o código gerado no site.Assim :

Você pode posicionar o gadget aonde quiser,mas o importante é que você deixe o gadget sem título.

Após feito todo esse processo,salve as alterações e visualize o trabalho final.

Obrigado pela visita,e até o próximo vídeo ou tutorial ;-)

by - Vinicius Rodrigues

COMENTE USANDO O FACEBOOK ↓