Colocando um Player de audio com HTML5

ola estou aqui devota par  ajuda vocês aqui  com mais  tutorial para vocês 
o HTML 5 chego definitivamente e como em tudo na vida temos de nos adaptar a ele…

Mas não podemos dizer que a adaptação tenha sido para pior, bem pelo contrário!

Achámos que era altura de atualizar o nosso template para a nova versão da linguagem de programação WEB mais utilizada no mundo e os resultados estão à vista…

hoje irei ensinar como utilizar um dos novos recursos que esta 5ª versão permitiu – colocar um player (reprodutor) de áudio no seu blog, recorrendo inteiramente à tecnologia HTML5.

Nota: o Player apenas funciona em browsers que suportem HTML5. Todos os principais browsers suportam já essa linguagem nas suas últimas edições.

Como colocar player de áudio em HTML5 no Blogger

Este player tem um design bastante minimalista e clean  super moderno e, ao contrário do que possa pensar, é bastante leva, pois não utiliza qualquer script, É HTML PURO!

Este é o código para adicionar:

<audio width=”300″ height=”32″ controls=”controls”><source src=”http://dc166.4shared.com/img/465842065/88b46813/dlink__2Fdownload_2FKE51dobA_3Ftsid_3D00000000-00000-00000000/preview.mp3″ type=”audio/mpeg” />Your browser does not support the audio element.</audio>

É possível utilizar qualquer música em qualquer formato, mas como o mais utilizado é o MP3, vou iniciar a explicação direcionado para ele.
Se quiserem aprender o código para outros formatos, basta postar nos comentários que eu ajudarei com todo o gosto!

Voltando ao código, para editar, basta troca a parte em ROXO,(que diz: ENDEREÇO DO ÁUDIO) pelo url do seu ficheiro áudio.

Se ainda não fez o upload do ficheiro áudio que pretende para a internet, aconselho o Drop Box.

Depois de o colocar onde quiser (numa postagem, no prórpio layout do seu blog, etc…), deverá ficar deste estilo: