Colocando player na postagem do blog - MP3 Player

November. | via Tumblr
Bonjour mes amour² u3u
Hoje o tutorial é bem interessante, pelo menos em minha opinião, vou ensiná-los à colocar esse player que eu costumo usar em minhas postagens e que provavelmente vocês já viram por aí. Gosto muito dele porque ele é simplesmente perfeito para usar em postagens, já que, além de simples, ele é pequeno e comporta apenas uma música. Vejam uma preview dele:

 

Vamos ver como se faz? Pode parecer complicado mas é simples de fazer:

O player só funciona se a música estiver no formato MP3 (a terminação deverá ser .mp3). Eu demorei um pouco mas achei um site com músicas nesse formato, portanto entre no site http://www.musicaddict.com/ e na barra de pesquisa digite o nome da música desejada e dê enter. Eu, por exemplo, procurei pela música Summertime Sadness da Lana Del Rey, como mostra na imagem abaixo:
Daí vai abrir uma página com vários arquivos com o nome da música pesquisada, você pode ouvi-lás para ver se o audio está bom, antes de colocá-la no player.
Enfim, clique no nome da música e depois copie o link que vaí estar logo abaixo. Como na imagem à seguir:
Depois disso, entre no site do player (http://flash-mp3-player.net/players/mini/generator/), apague o link que está ao lado de mp3 e cole o link da sua música. Como mostra à seguir:
Você pode editar a cor se quiser, é só clicar em General e depois em Colors.
Depois disso é só copiar o código que está dentro da caixinha HTML e colar na parte HTML da sua postagem/gadget (:

Bem, é isso! Tentei explicar da forma mais detalhada que pude, espero que tenham compreendido bem ^^
Gostaram do tutorial?

11 comentários:

  1. Nossa, cara, o estilo é bem diferente! Adorei, vou usar nas minhas playlists *OO*

    Beijos,

    Juu-Chan, do Nescau com Nutella.

    ResponderExcluir
  2. Simples, cute e diferente *u*
    Do jeitinho que eu gosto! Favoritei!
    Beijos!
    Ali.

    Bonjour, Une Glacée ♥

    ResponderExcluir
  3. Adorei esse tutorial, bem legal.
    http://paisdeblogueiros.blogspot.com.br/

    ResponderExcluir
  4. Awn que ótimo! Adorei, vou usar nas minhas postagens, obrigada pelo tutorial! Beijinhos. ^^

    Rediscovering Dreams

    ResponderExcluir
  5. Heey,
    eu amei o tuto *--*
    muito útil...beijos
    Cerejas Voadoras~~

    ResponderExcluir
  6. Que bonito que fica, adorei o tutorial, super útil <3

    http://lazydaysq.blogspot.com.br/

    ResponderExcluir
  7. *O* Já conhecia ;) Uso atualmente, e acho que é melhor do que o Billy XD
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
  8. Já sabia, mas o tuto está ótimo!

    semprefuiestranha.blogspot.com | SEMPRE FUI ESTRANHA

    ResponderExcluir