[Serviços] - Como colocar um player de música do MixPod no Blogger

Olá querido leitor, neste artigo eu mostrarei como colocar um player de música em um blog do Blogger. Para isto, usaremos o serviço fornecido pelo site MixPod. Este artigo surgiu da dúvida da leitora Cintia, e em breve eu postarei mais alguns artigos sobre outras técnicas e serviços para colocar áudio no blog. Abaixo você pode conferir um exemplo de como o player fornecido pelo site MixPod, ficará após ter sido instalado no blog, mas o serviço oferece diversos modelos de player.

ATENÇÃO: a demonstração do player foi removida devido a desativação do serviço MixPod. Confira mais informações na atualização presente no final do artigo.

Esse é um player bem bacana, que além de permitir que o leitor ouça as músicas, permite que o mesmo veja o vídeo. Para ver o vídeo, basta clicar no botão Play, automaticamente um link com a inscrição "Vídeo" aparecerá acima da imagem de capa da música, basta clicar nesse link para ver o vídeo.

Criando uma conta no site MixPod


Para que possamos usufruir das ferramentas fornecidas pelo site MixPod, precisaremos criar uma conta no site — a criação da conta é totalmente grauita. Para isso, siga os passos abaixo.

1. Acesse o endereço: http://www.mixpod.com/signup.php, preencha os campos solicitados e clique no botão Sign Up — caso queira, você pode se conectar ao site usando sua conta do Facebook.

2. Acesse o e-mail que você informou no momento da criação da conta, e clique no link de verificação que há dentro do e-mail. Fazendo isto, você será direcionado novamente para o site MixPod, e verá uma mensagem como a mostrada abaixo.


Pronto, sua conta no site MixPod estará criada, e a partir de agora você poderá utilizar todas as ferramentas oferecidas pelo site.

Criando uma playlist no site MixPod


Agora que a conta já está criada, veremos como criar uma playlist com as músicas que queremos. O processo é muito simples, basta seguir os passos descritos abaixo.

1. Acesse o menu My Playlists e, em seguida, clique na opção New Playlist, como ilustra a imagem abaixo.


2. Uma página com diversos modelos de players aparecerá. Escolha o player que mais lhe agradar — o player que eu escolhi para este artigo é o MixPod.

3. Você será direcionado para uma página onde em 3 passos terminará de criar sua playlist. Cada passo está separado em uma aba, são elas: Add Music, Customize e Save Playlist. Veja uma explicação de cada uma das abas, logo abaixo.

Primeira aba - Add Music


O nome desta aba é bem sugestivo. É através dela que você deverá adicionar as músicas que você quer em sua playlist. Essa aba possui duas opções de adição de músicas: Search Music e Add URL. Veja as explicações abaixo e escolha a que melhor lhe servir.
  • Opção Search Music
Nesta opção, você deve digitar o nome da música ou do artista/banda que você está procurando, abaixo desta opção aparecerá todos os resultados disponíveis. Clique no botão MixPod - Your music says a lot about you. para ouvir a música, se ela lhe agradar clique no botão MixPod - Your music says a lot about you. para adicioná-la à sua playlist — a música é adicionada dos vídeos do Youtube.
  • Opção Add URL
Através desta opção, você pode adicionar a URL de um vídeo específico do Youtube. No campo "URL", coloque o link do vídeo; no campo "Artist", informe o nome do grupo, banda ou cantor; no campo "Title", informe o nome da música. É necessário preencher os três campos para que o vídeo seja adicionado.

Através dessa opção você pode adicionar também suas próprias músicas, basta ao invés de adicionar o link de um vídeo do Youtube no campo URL, adicionar o link direto de uma música no formato MP3.

ATENÇÃO: devido a problemas de direitos autorais entre a equipe do site MixPod e grandes empresas que divulgam vídeos de bandas e grupos famosos no Youtube, somente os vídeos que permitem incorporação podem ser adicionados à playlist do MixPod. E quando adicionar o link de um vídeo do Youtube verifique o link começa com "https", se começar você deverá remover a letra S para que o link seja aceito.

Após adicionar uma música, você verá que ela aparecerá abaixo do player, na seção Tracks. Passando o mouse por cima da música, aparecerão 2 ícones: MixPod - Your music says a lot about you.; clicando no ícone de lápis você poderá editar o nome da música, e clicando no X você a excluirá da playlist. Você pode ainda, clicar e arrastar as músicas para alterar a ordem delas na playlist.

Segunda aba - Customize


Assim como a aba anterior, o nome desta também é bem sugestivo. Através dela você poderá fazer algumas customizações no seu player. Existem três opções nesta aba: Skins, Color & Styles e Settings.
  • Opção Skins
Nesta opção você poderá escolher um outro modelo de player.
  • Opção Color & Styles
Nesta opção você pode escolher as cores do player. Existem diversos estilos de cores pré-definidos, basta clicar sobre um deles para aplicá-lo ao player, mas você pode fazer a customização como achar melhor.
  • Opção Settings
Nesta opção você poderá fazer as configurações de reprodução do player, veja as explicações abaixo.
    • Autoplay: marcando a opção "Yes", as músicas serão reproduzidas assim que o leitor acessar a página onde está o player; marcando a opção "No", as músicas só serão reproduzidas quando o leitor clicar no botão de play.
    • Shuffle: marcando a opção "Yes", as músicas da playlist serão reproduzidas aleatóriamente; marcando a opção "No", as músicas serão reproduzidas na ordem que foram adicionadas à playlist.
    • Loop: marcando a opção "Yes", quando a última música for reproduzida, a playlist será reproduzida novamente desde o início; marcando a opção "No", as músicas serão reproduzidas apenas uma vez.
    • Privacy: marcando a opção "Public", qualquer pessoa (inclusive outros usuários do site MixPod) poderá ver seu player e ouvir suas músicas; marcando a opção "Private", apenas você poderá ver seu player e ouvir as músicas.
    • Volume: através desta opção, você pode ajustar um volume padrão para o seu player, mas o ouvinte poderá aumentar ou diminuir o volume quando bem entender.

Terceira aba - Save Playlist


Esta é a última aba, nela você deverá colocar um nome para a sua playlist no campo Playlist Title, e se quiser você pode adicionar também uma descrição e algumas categorias, mas o único campo obrigatório é o do nome.

Gerando o código do player da MixPod


1. Após fazer todas as configurações, clique no botão Save (get the code) que está localizado no rodapé da aba "Save Playlist". Na janela que abrir, clique na opção Embed Code, copie o código e cole-o no bloco de notas.

Adicionando o player do MixPod em um blog do Blogger


Agora que já obtemos o código iremos adicionar o player ao blog, você pode adicioná-lo em qualquer parte do seu blog que aceite HTML, como por exemplo: um artigo, uma página estática, em alguma parte do template etc., mas neste artigo iremos adicionar o player à sidebar (barra lateral). Para isto siga os passos abaixo.

1. Faça login no Blogger e acesse o painel de controle do seu blog, depois clique no menu Layout > Adicionar um Gadget > HTML/JavaScript.


2. Copie o código que você salvou no bloco de notas e cole dentro do campo de conteúdo do gadget. Aconselho que você mude o valor de "width" (largura) para 100%, assim o player ocupará o espaço total da sidebar ou do local onde você o colocou; aconselho também que você apague a parte do código que adiciona publicidades abaixo do player. Para facilitar, eu destaquei em vermelho, no exemplo abaixo, o valor da largura que você deve alterar, e destaquei em azul a parte que você deve apagar para não mostrar a publicidade.

<embed src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=XXXXXXXX&path=2010/11/17" quality="high" wmode="window" bgcolor="FFFFFF" flashvars="mycolor=FFFFFF&mycolor2=1C7CB7&mycolor3=000000&autoplay=false&rand=0&f=4&vol=71&pat=0&grad=false" width="410" height="311" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:311px;" /><br><a href="http://www.mixpod.com/playlist/XXXXXXXX"><img src="http://assets.mixpod.com/images/btn2-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/btn2-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/user/20696167"><img src="http://assets.mixpod.com/images/btn2-profile.gif" alt="View Profile" title="View all my playlists!" border="0"></a><br />Create a <a href="http://mixpod.com">playlist</a> at <a href="http://mixpod.com">MixPod.com</a>

3. Para finalizar, clique no botão Salvar. Pronto, seu player já estará disponível no seu blog. Agora basta conferir se ele está funcionando corretamente.

Adicionando novas músicas ao player do site MixPod


Para adicionar futuramente outras músicas à playlist é bem simples: basta acessar sua conta do MixPod, ir no menu My Playlist e clicar na opção Saved Playlist. Na página que abrir, clique na opção Edit songs da playlist que você quer adicionar novas músicas (isso se você tiver mais de uma playlist), em seguida você será direcionado para a aba "Add Music" onde poderá procurar e adicionar mais músicas, para finalizar vá na aba "Save Playlist" e clique no botão Save (get the code).

Não é necessário copiar e colar o código novamente no blog (a menos que esteja criando uma nova playlist), ao clicar no botão de salvar as novas músicas serão adicionadas automaticamente ao seu player.

NOTA: adicionar o player no blog pode causar uma certa lentidão no carregamento das páginas, dependendo de quantas músicas, gadgets, hacks etc. você tem instalado no seu blog, e isso pode afetar de maneira negativa os leitores que utilizam Internet de baixa velocidade.

Gostou deste artigo, achou ele útil, ficou com dúvidas, sinta-se a vontade para participar deixando um comentário.

Atualização — 27.09.2011 às 02h30
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger.

Atualização — 01.12.2012 às 13h45
Hoje, eu fui informado pela leitora Martha Marquez, que o site MixPod estava inacessível. Ao entrar no site para conferir a informação, foi mostrada uma mensagem, em inglês, informando o fechamento do site MixPod. Confira uma imagem da mensagem logo abaixo:

Fim da linha para o site MixPod

...a mensagem informa o seguinte: "Chegou a hora de fecharmos o site MixPod.com. Teremos algumas informações de como exportar as informações de suas listas de músicas em breve. Enquanto isso, conheça nosso aplicativo." (tradução livre).

Como é de se notar, o serviço oferecido pelo site MixPod, não está mais disponível para os internautas, portanto, não será mais possível incorporar o player de música nos blogs, e os blogs que já possuíam o player, mostraram um espaço em branco no lugar do mesmo. Porém, aqueles que possuírem um smartphone (celular) da Apple, como o iPhone por exemplo, poderão baixar o aplicativo e voltar a criar suas playlists normalmente, podendo ouvi-las através do celular. E esse é o fim da linha para o MixPod em sites e blogs.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 15 comentários neste artigo!

  1. Valeu pelas dicas.demorei um pouco para achar as musicas, só acho que poderia ir se buscar nas pastas proprias, não?
    já salvei e mais tarde vou instalar no blog. "descansar um pouco os olhos"....antes disto quero fazer uma lista tambem no divshare para ver como fica e daí decido qual usar. busquei umas 10 músicas para ver como fica o suporte e a demora para abrir o blog, se estiver do mesmo jeito, vou colocar mais.
    valew.

    ResponderExcluir
  2. olá, não sei se estou repetindo o meu comentário , mas vamos lá:
    instalei o mixpod, tudo beleza, só não gostei de ter que ouvir musicas pelo youtube,pois demora muito para abrir e os skins tomam um espaço enorme no blog.
    agora estou tentando o divshare, mas percebo que vai demorar muito para transferir musicas para lá, é como se vc estivesse baixando-a compreende? sem contar o fato de ser tudo em ingles, e acabo encontrando alguma dificuldade, tipo seguir passo a passo. Voce tem alguma sugestão para me dar, ou mesmo me dizer se o mixpod "pode"
    ser usado com minhas proprias musicas de minhas pastas?, ou mesmo algum outro programa, ok?
    valeu, de qualquer maneira gostei muito de suas informações.

    ResponderExcluir
  3. Thomaz: infelizmente o mixpod só aceita músicas do youtube, pois esta é uma forma de evitar que as pessoas carreguem músicas que têm direitos autorais, sendo assim, não é possível carregar músicas do seu PC para a sua conta do mixpod.

    Quanto ao divshare, eu conheço o serviço, mas nunca o utilizei para hospedar músicas. Pelo que pude ver no site, você pode sim carregar suas músicas para sua conta, porém, eu acho que eles não fornecem uma maneira de criar uma “playlist” como a do site mixpod.

    De qualquer maneira, tomarei seu comentário como uma sugestão e escreverei um artigo falando sobre este serviço. Agradeço as visitas e os comentários. Volte sempre!

    ResponderExcluir
  4. Muito obrigado pelas dicas. deu certinho!!!!! fica com Deus!!

    ResponderExcluir
  5. KєllчzчпhÁ: o link “Add URL” fica localizado dentro da aba “Add Music“, logo abaixo da aba “Customize”.

    ResponderExcluir
  6. Não estou conseguindo mudar de modelo, quando escolho outro, nao funciona.
    Por que?

    ResponderExcluir
    Respostas
    1. Eu adoro WINX CLUB, devido a briga por quebra de direitos autorais, a equipe do MixPod só permite utilizar vídeos do Youtube que permitem incorporação e visualização dos mesmos, sendo assim, alguns modelos de player que utilizam apenas o áudio do vídeo, não podem ser utilizados. Há outros players que também mostram os vídeos e que deveriam estar disponíveis, mas que no momento não podem ser escolhidos também, o motivo exato eu não seu te dizer. Infelizmente, o único modelo de player disponível é o que foi mostrado no início do artigo!

      Excluir
  7. Me ajudou bastante.
    Adorei o Blog...Obrigada.

    ResponderExcluir
    Respostas
    1. Olá Lorraine, que bom que a dica foi útil, e que gostou do blog! Agradeço a visita e o comentário, volte sempre, beijos.

      Excluir
  8. Respostas
    1. Olá Adumildes, você teve dúvida em qual parte do tutorial?

      Excluir
  9. Oi Igor,
    o mixpod está com problemas? não consigo entrar lá, tem uma mensagem em inges e eu não entedo
    Martha

    ResponderExcluir
    Respostas
    1. Olá Martha, agradeço a informação! A mensagem em inglês que está aparecendo no site MixPod, informa que o mesmo foi fechado. Acabei de atualizar o artigo com essa informação, você pode conferir a atualização no final do artigo. Agradeço a visita e o comentário, volte sempre!

      Excluir