Como Aplicar o código para incorporação do player em html5 no blog

Como Aplicar o código para incorporação do player em  html5 no blog?

Observe a captura das telas:

Postando no blog - aba escrever

 Para criar um marcador na postagem basta criar o nome. Ex.: Podcast, +enter

A medida que você criar marcadores eles aparecerão, bastando apenas clicar, para selecioná-lo! Veja na última imagem:

Postando no blog - aba HTML

Postando no blog - aba HTML - Observe a frase dentro do html. 

Postando no blog - aba HTML - Observe o código enviado pelo Sergio colado na opção dentro do html.

Postando no blog - clique na aba escrever

Postando no blog - Visualização do resultado

Postando no blog - aba HTML Inserindo imagens.

Postando no blog - aba HTML Inserindo imagens.

Postando no blog -  Inserindo marcador - "Orientações".

Código para colar na opção HTML, na postagem do blog, substituindo o endereço citado - http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.mp3 -  pelo seu "disponibilizado na Internet".

Exemplo de código do implementador Douglas Lucas - E. M. Jayme Martins - Podcast III Trimestre 2016:

<center>

<audio id="demo" controls onpause="alertaPausa()">

<source src="http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.ogg" type="audio/ogg">
<source src="http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.mp3" type="audio/mpeg">

Seu navegador não suporta áudio em HTML5, atualize-o.

</audio>

<div>

<button onclick="document.getElementById('demo').play()">►</button>

<button onclick="document.getElementById('demo').pause()">||</button>

<button onclick="document.getElementById('demo').volume+=0.1">▲</button>

<button onclick="document.getElementById('demo').volume-=0.1">▼</button>

</div>

</center>