Como colocar um player de áudio em posts do Blogger - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Como colocar um player de áudio em posts do Blogger

Publicado em 22/07/2019

Como colocar um player de áudio em posts do Blogger
Não é o caso da maioria dos meus posts, mas seria legal se, além de ler a gente tivesse a opção de ouvir algum post, né? Tipo um podcast simples, no blog...
Não em vídeo, mas ouvir mesmo, através de um player de áudio.
Não entendeu? Veja (ou melhor, ouça) no player de áudio abaixo:





Não é legal?
Dá pra gravar texto, poema, uma mensagem de aniversário do blog ou de final de ano... o conteúdo de um post, o passo a passo de uma receita e mais uma infinidade de coisas.
Tudo simples, fácil de fazer e fácil de aplicar ao blog.
Quer aprender?
Vem cá!


Como criar um player de áudio para usar no blog


Antes de mais nada é preciso que seu arquivo de áudio esteja pronto.
Dá pra gravar pelo celular e dá pra gravar pelo computador usando o Gravador de som do Windows. Será esse modo que vou usar no tutorial, tá?

Para fazer isso clique no menu Iniciar do seu computador.
Aí pesquise Gravador de Som.
Vai aparecer a opção, clique nela.
Abrirá o gravador de som.
Grave o que deseja.
Terminou? Salve em uma pasta que você consiga localizar facilmente.

No Gravador de som do Windows o arquivo gerado é no formato .WMA e nós precisaremos converter esse arquivo para o formato .mp3
Para fazer isso é muito simples: acesse esse site: https://online-audio-converter.com/pt/

Aí clique em Abrir arquivos.
Localize seu arquivo de áudio e carregue-o.
A seguir selecione a opção mp3.
Clique então em Converter.
Espere concluir.
Salve seu arquivo já convertido.

Agora precisamos hospedar esse arquivo de áudio.
Para fazer isso vou usar um serviço maravilhoso do Google, o Google Sites.
É ele que uso para hospedar todos os meus códigos, os códigos dos Temas para blog by Elaine Gaspareto, e tudo o mais que precise de hospedagem.
Crie agora:


Conta criada?
Clique em Adicionar arquivo.
Carregue o seu arquivo de áudio já convertido.
Assim que terminar pare o mouse sobre a setinha que aparece ao lado do seu arquivo carregado. Com o botão direito do mouse selecione Copiar link (estou usando o navegador Chrome, em outro pode ser diferente).
Link copiado?
Guarde-o, vamos usar daqui há pouco.

Agora vá ao painel de seu blog e clique para criar uma nova postagem ou editar alguma na qual queira inserir seu áudio.
Para efeito de teste use um blog de teste e crie um post novo, facilita o entendimento do que vou explicar.
No editor de postagens do blog clique em  HTML, no alto do editor.
Essa ação vai colocar o editor de texto em modo HTML.
Aí, no local onde desejar que o player apareça, cole o seguinte código:


Copiar o código


Agora preste atenção!
Sabe o link do Google Sites que pedi para guardar?
No local onde marquei CÓDIGO DO ARQUIVO AQUI coloque o endereço do seu arquivo de áudio, excluindo  o que aparece depois de mp3.
Assim:
https://sites.google.com/site/elainegasparetoparada1/home/Soneto%20da%20fidelidade.mp3?attredirects=0&d=1

Apague o que marquei em negrito.
Ficará assim:
<audio controls="">
<source src="https://sites.google.com/site/elainegasparetoparada1/home/Soneto%20da%20fidelidade.mp3?dl=1" type="audio/mpeg"></source>
</audio>

Aí é só clicar em Escrever, para voltar o editor ao modo normal e publicar seu post normalmente.
Simples e muito fácil, né?
Faz aí e me chama para te ouvir!
Enjoy!








6 comentários

  1. Olá, Boa noite, o código também dá para colocar uma música? Obrigada pela disponibilidade

    ResponderExcluir
    Respostas
    1. Sim, basta ter o arquivo .mp3 da música, hospeda-lo e inserir o endereço no campo indicado, exatamente como qualquer arquivo de áudio :)

      Excluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Se pude apagar a a postagem anterior!
    eu peguei esse codigo e vou em um site de converter arquivo e baixo e pego o link do download e da certo.
    agora esse geito seu já é mais dificil

    ResponderExcluir
  4. Não deu certo, eu queria que o player fala-se a bíblia mas para isto não consegui.Obrigado. https://bibliasagradab.blogspot.com/

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…