12/09/2012

Flash MP3 Player no Blog

Olá leitores Amados *-* Tudo bem? Desde que venho colocando esse Player no Blog, várias pessoas andam me perguntando como colocar também. Tomei coragem, e vim ensinar isso hoje para vocês. É um pouquinho complicado, porém, da pra fazer!
Metade do Tutorial eu aprendi no Having Themes, por isso, acho que seria justo creditar esse Tumblr por parte dos códigos.


Bom, esse player precisa de um código URL da música que você deseja tocar, por isso, você precisa aprender a extrair esse código AQUI. Quando terminar, faça os passos que seguem:

1° Passo - Entre no Site do Flash MP3 Player AQUI.

2° Passo - No primeiro espaço, o site pede o quesito MP3, é nele que você irá colocar a URL da sua música que você acabou de extrair.

3° Passo - Não mexa no quesito AutoPlay, é ele quem vai dizer se a sua música deve começar automaticamente, ou não. É aconselhável que não, por isso, deixe da forma que está.

4° Passo - Clique na caixinha suspensa de Categoria (Category) e mude para a Opção Colors, é ai que você irá decidir as cores do seu Player. Veja:


5° Passo - No quesito BgColor, ele pede a cor que você gostaria de ver como Fundo do Player, se você quiser transparente, troque o trecho abaixo do código HTML:
<param name="bgcolor" value="#000000" />
Por esse:
<param name="wmode" value="transparent" />
Não esqueça de definir também LoadingColor que é a cor da parte do Player que já tocou, BottonColor que a cor do Botão de Play/Pause e de SlideColor que a a cor do Retângulo que se move quando a Música está tocando.

6° Passo - Para finalizar, copie o código que se encontra em HTML Code (Código HTML) e cole em um Gadget de HTML/Javascript do Blog.

Bom, é isso mesmo. O Tutorial é um pouquinho complicado, mas com atenção e fazendo tudo direitinho da super certo, se deu comigo, com certeza dá com vocês também. Desculpem a demora pra poder postar esse Tuto, mas só pude mostrá-lo agora ok? Beijos e Abraços!

29 comentários:

  1. Eu já conhecia o player :D
    Curto muito porque dá pra mudar as cores e tudo mais, mas ao mesmo tempo prefiro outros que dão pra colocar mais músicas :P

    Até mais! ^^

    ResponderExcluir
  2. Não sei como fica a playlist porque eu ainda não a vi por aqui pelo blog, acredita? Ficou super explicado Alex. Beijão.

    http://world-cutest.blogspot.com.br/

    ResponderExcluir
  3. ótimo tutorial, parabéns!

    apsmass.blogspot.com

    ResponderExcluir
  4. Muito legal o tuto Alex,eu sempre ficava me perguntando: "Como será que eles colocam esse player ai?Onde é o site?" Mas vi que nem é tão dificil assim!Talvez eu uso em algum dos meus lays,obrigado pelo carinho e atenção la no blog,por isso vc e o POM são tão bons!
    bangteen.blogspot.com

    ResponderExcluir
  5. O tutorial é muito fácil, e rápido! Adorei! Mas eu não uso, acho que não ficaria bom no meu blog! :3

    Beijinhos, Paula! ♥
    ~Sweet Makeup~
    (clica no perfil pra visitar meu blog)

    ResponderExcluir
  6. É bem complicadinho lendo mais depois que aprende fica fácil kkk.

    Rosa Chiclete - (clique no perfil para ver)

    ResponderExcluir
  7. Talvez use a playlist ;)
    cat-girl-cg.

    ResponderExcluir
  8. ain,obrigada por atender meu pedido e dos outros tambem ! hih .
    No proximo layout vou usar,e sarei os crédito,nao se preocupe.
    Beijos.

    Sweet Imagination

    ResponderExcluir
  9. Eu fui umas dessas pessoas!^^ Obrigado por fazer o tuto! Um abraço!

    Nicolas | Dicas Blogspot ~ Visite pelo perfil!

    ResponderExcluir
  10. Cá estou eu apaixonada pelo design *-* Super bem produzido e cores bem escolhidas.
    Como em todos os blogs masculinos que eu visito, aqui também não poderia deixar de comentar que adoro o trabalho de vocês garotos, e fico feliz por cada vez estarem mais e mais influentes na blogosfera *-*
    Sobre o post, adorei o tutorial *-*
    Estou seguindo e esperando por você no http://posdezesseis.blogspot.com.br/

    ResponderExcluir
  11. Eu tava querendo saber como colocar ele, valeeu!
    cute-bii.blogspot.com

    ResponderExcluir
  12. Aaah que fofo, to achando que vou usar em Alex? Eu acho super maneiro, simples, mas muito interessante.
    Não se preocupe, eu fiquei com saudades mas acho que todo mundo tem vida pessoal e ocupações né?
    Nhaaac:3

    ResponderExcluir
  13. Nossa que simples eu adorei Alex, *u*
    e já vou usar no meu próximo layout! ^^.
    Ele é super simples de se fazer.

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  14. Não gosto de MP3 no blog mas o tutorial é bem explicadinho!

    Quer fazer afiliação? Responde no blog!

    http://meninablogueiratutoriais.blogspot.com.br/

    ResponderExcluir
  15. Indiquei você lá! Espero que goste, rs (:
    md-alternativo.blogspot.com

    ResponderExcluir
  16. gosto de musicas no blog , talvez euponha no próximo lay do we moutache .Vim aqui pare lhe falar sobre o concurso do meu blog , eu queria que você participasse , se participares espalhe o concurso para que outros possam participar http://we-moustache.blogspot.com.br/2012/09/oque-concurso-de-50-seguidores.html

    ResponderExcluir
  17. achei super interessante o fato do player estar no cabeçalho.Ficava me perguntando: que loko! como ela fez isso?
    agora eu descobri o mistério :B
    parece ser simples até..
    que bom que curtiu os trechos que eu ecolhi (:
    e parabéns pelo lay daqui, é divo u-u

    blogportalteen.blogspot.com

    ResponderExcluir
  18. Ooi amei o seu blog ele é muito bonito Tô Te seguindo se você quizer seguir o meu???
    One-teens.blogspot.com
    Estou fazendo um concurso se quizer participar
    http://one-teens.blogspot.com.br/2012/09/concurso-i-love-meu-blog.html

    ResponderExcluir
  19. Ooi alex! Não sei se você sabe mas já te sigo há umas duas semanas (pois é, não comentei muito, mas agr vou passar a comentar!) E eu amei esse menu!! Vou usar no meu próximo layout.
    Vim avisar também que te passei uma tag lá no blog:
    cinderellaofficial.blogspot.com.br/2012/09/tag-11-coisas-sobre-mim.html
    Espero que faça! u3u
    Kisses, Laura

    ResponderExcluir
  20. Ameei esse tutorial! Muito bacana!
    É realmente verdade.. o mundo ultimamente têm ficado muito criativo :) Bom, estou á espera de mais comentários seus lá, heein floor? Um Beijãao e Volte sempre :*

    - Lara Pujoni.
    - The Fashion Wonderland: http://thefashionwonderland.blogspot.com.br

    ResponderExcluir
  21. Adorei a dica! ensina a colocar uma imagem no post e quando passar o mouse ela mudar? Obrigado - Adoro o blog :)

    http://rabisqueamesa.blogspot.com.br/

    ResponderExcluir
  22. Adorei o tutorial, ainda não sabia como colocar, talvez do próximo layout eu use ! E o seu layout tá super lindo, ainda não tinha visto !

    Garota Differente

    ResponderExcluir
  23. Ah, o resultado final fica lindo e com você explicando nem parece ser tão difícil. Acho que o é mais difícil é extrair o código, mas sei lá, nem parece ser tão complicado. Adorei saber como você faz o se player. Um beijo, Luly.
    the-zombie-attack.blogspot

    ResponderExcluir
  24. Eu ja usei muito esse player, amor seu blog ta lindo, o part of me prometeu e o par of me cumpriu em? Ta muito lindo. Sou sua fã,adoro aqui.
    Beijos.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  25. eu não gosto mto de música no blog, não... mas quem sabe um dia (:
    Absolute Dream.

    ResponderExcluir
  26. Ótimo tuto!
    Acho que vou colocá-lo em meu blog .3

    Beijinhos~~> Dear Memories

    ResponderExcluir
  27. Obrigada *u* tava doida pra saber como que deixava o fundo transparente.
    Salvou a vida do meu nvo lay HUEHEUE
    <3

    ~~g²

    ResponderExcluir