Tutorial #1

09 outubro 2013


Então, eu recebi muitos e-mails me pedindo para ensinar a colocar a música no blog e alma caridosa aqui resolveu ensinar vocês a colocar esse bendito Player! Let's Go Baby!


1. Acesse o endereço: http://scmplayer.net/.

2. Na aba “Choose Skin” você verá diversos modelos de players para escolher; os players disponíveis no momento são os mostrados na imagem abaixo:


3. Após escolher seu player, clique na aba “Edit Playlist”. Nessa nova aba você deverá colocar no campo “SONG TITLE” o nome do cantor/banda e o nome da música; no campo “SONG URL” você deve por o link de um arquivo em MP3 ou o link de algum vídeo do Youtube.

     OBS.: Você pode adicionar quantas músicas quiser! Para adicionar mais campos de música basta clicar no botão “Add More Songs”; para excluir campos, basta clicar no botão com um X. 

 4. Na próxima aba, “Configure Settings” (veja imagem abaixo), você pode fazer algumas configurações do player.

Autostart
     Esta opção permite que você configure quando o player irá tocar as músicas. Marcando “no” as músicas só começarão quando o leitor clicar em Play; marcando “yes” as músicas tocarão assim que a página for carregada.

 Shuffle Playback
     Esta opção permite que você configure se as músicas serão tocadas aleatoriamente ou na sequencia que foram adicionadas. Marcando “no”, as músicas serão tocadas na sequencia; marcando “yes”, as músicas tocarão aleatoriamente.

 Default Volume
      Através dessa opção você pode configurar o volume padrão do player.
 Placement of the Player
     Esta opção permite que você escolha a localização do player. Marcando “top”, o player ficará no topo da tela; marcando “bottom”, o player ficará na parte inferior da tela.

 Show Playlist by Default
    Essa opção permite que você configure a visualização da playlist. Marcando “no”, a playlist não será mostrada; marcando “yes”, a playlist será mostrada (mas o blog não aparecerá inteiro na tela); e marcando “only on large screen”, a playlist só será mostrada para quem acessar o blog usando uma resolução de tela alta. Eu aconselho que você deixe marcada a opção “no”, mas você que sabe!

    5. Para finalizar clique no botão “Done”, isso gerará o código do player. Copie-o e salve-o no bloco de notas.
    6. Agora iremos instalar o player no blog! Faça login no Blogger, acesse opainel de controle  >> Designer >> Editar Html.

    7. Sempre que for editar seu Html, faça antes um Backup ou “Fazer download do modelo completo”. RECOMENDO.

      8. Pressione Ctrl+F para abrir a janela Localizar do navegador, e procure o código abaixo:
</body>

9. Imediatamente acima deste código, adicione o código do player, aquele que você salvou no bloco de notas no passo 5.

    10. Clique no botão “Visualizar” e, se estiver tudo certo, clique no botão“Salvar modelo”.

 E aí vai estar o seu player! Se deu certo me conta pelos comentários ou pelo e-mail, e se não deu comenta para eu ver onde você pode está errando, e te ajudar! 

Besous <3








Design e código feitos por Julie Duarte. A cópia total ou parcial são proibidas, assim como retirar os créditos.
Gostou desse layout? Então visite o blog Julie de batom e escolha o seu!