,

Player Hypster

Kemily14:24

Muita gente vem me perguntando no meu Tumblr sobre como colocar um player de música igual a esse e resolvi postar o primeiro tutorial da página de Extras sobre isso!

Primeiramente, você deverá entrar no site Hypster e se cadastrar.



Como eu já sou cadastrada fui direto na área de Login. Agora, vamos começar a montar a playlist. Clique em "Search Music" e digite o nome da música desejada ou o nome do cantor.


Para saber se é a música que você quer clique o "play" que tem antes do nome. E para adicionar a música na playlist clique em +ADD.



Com todas as música adicionadas, só falta gerar o player! Agora vamos lá. Clique em My Account no menu principal.


Procure por uma imagem igual a essa abaixo e clique em cima dele ou clique aqui para ir direto.



Feito isso clique em "Select" abaixo de "Classic Player".


Agora, modifique o player de acordo com as suas preferências e clique na opção "Blogger". Antes que perguntem, a opção Blogger também é pra Tumblr e outros.


Copie todo o código que aparecer e cole-o no bloco de notas. O código será mais ou menos assim:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzMzODcwNTM*OTUmcHQ9MTMzMzM4NzIxODQ3OCZwPTIxMzc5MSZkPSZnPTEmbz1jMTFmZWFlMmVkNWU*Nzc2YTQw/NGI5MzFiYWE4ZDcxNg==.gif" /><embed quality="high" style="width:370px;visibility:visible; height:300px;" type="application/x-shockwave-flash" height="300" width="370"  pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=3883506:4937286:0&autoplay=false" FlashVars="color_bg=0x9A0000&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xFF9700&color_song_clicked=0xFECB81&color_Title=0x000000&color_btns=0xD4D0C7&color_title=0x000000" /><br /><a href="http://www.hypster.com/?src=player-text" style="font-weight:bold;font-size:12px">Get Your Own Free Hypster.com Playlist.</a>

Do SEU código apague isso: 
<br /><a href="http://www.hypster.com/?src=player-text" style="font-weight:bold;font-size:12px">Get Your Own Free Hypster.com Playlist.</a>
 E modifique as seguintes coisas:
height="15" width="55"
 Apenas os dois últimos height e width.

Pronto! Agora é só colar o novo código em qualquer lugar do seu HTML. Espero que consigam!

You Might Also Like

13 comentários

  1. Funcionou!!!! Obrigada!

    ResponderExcluir
  2. Por nada! Fico feliz em saber! Beijos!

    ResponderExcluir
  3. Não consegui :( ta aparecendo toda a playlist e o video...

    ResponderExcluir
  4. também não consegui, ta aparecendo a mesma coisa que a da milena, :(

    ResponderExcluir
  5. eu não entendi, é pra tirar o; height="300" width="370" e colocar no lugar dele; height="15" width="55", SÓ PORQUE SE FOR EU JÁ TENTEI E NÃO DEU CERTO ;(

    ResponderExcluir
  6. Olá, eu segui os passos mas não apareceu o player pequeno só, apareceu ele e toda a lista de música, num quadrado no tema. Poderia dizer onde exatamente colo o código? Obrigada, beijos!

    ResponderExcluir
  7. Gente, vocês tem certeza que leram o tuto certinho? Olha nos últimos passos onde diz que tem que mudar a largura e altura... Eu testei esse código agora e deu certo!

    ResponderExcluir
  8. voces tem que substitui os numeros só nessa parte type="application/x-shockwave-flash" height="300" width="370"
    no outro tutorial que eu tinha era isso que dizia ^^

    ResponderExcluir
  9. Sim, que é o último. Mas eu coloquei os dois, para não ficar confuso para algumas pessoas!

    ResponderExcluir
  10. não dá ! não aparece o select...

    ResponderExcluir
  11. não dá mesmo, acho que desativaram, porque não aparece o select, e quando agente clica na outra opção dá erro.

    ResponderExcluir
  12. Gente pra ser mais pratico Usem o Mixpod.com La você escolhe a musica que quiser coloca em um aparelho desejado muda acor e etc E aparece copiar Widget quando vc termina de selecionar as musicas e tudo mais ai você vai la em my account e coloca get code ai seleciona blogger ai copia o codigo e cola no gadget que fica la em layout no seu blog E pronto Olhem como omeu ficou fanaticos-sem-mu.blogspot.com.br Deu Super Certo e E Muito Simples Lembrando Se Registre :D

    ResponderExcluir
  13. Amanda Magalhães9 de maio de 2013 15:27

    Usei esse por muiiiiiiiiiito tempo.

    ResponderExcluir

Twitter

Instagram