Como inserir um player no seu blog

1. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
ADICIONAR PLAYER NO BLOG
Quando produzimos um trabalho cujo produto final seja um arquivo de áudio é interessante
disponibilizá-lo no blog sob a forma de um player onde o leitor do seu blog aperte o Play
quando quiser ouvi-lo.
Para realizar essa tarefa, existe várias possibilidades. Vou exemplificar aqui, duas delas que eu
testei e deram certo.
Primeiramente, é óbvio que você deve ter o arquivo de som pronto.
Em seguida você deve hospedá-lo em um site. No primeiro exemplo eu criei um site no Google
Sites HTTP://sites.google.com e fiz Upload do arquivo.
Você também pode hospedá-lo em outros sites: WWW.podcastone.com.br
Terminado o Upload, copie o endereço do arquivo, só a URL.
Agora inicia o processo para criar o player:
1. Entre no site HTTP://flash-mp3-player.net e escolha um modelo de player. Eu optei
pelo modelo normal.
Se 134
Sirley Zancanari Ferrantte

2. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
2. Clique em Generator e aperte Enter
3. Na caixa MP3 coloque o endereço do arquivo URL e clique Enter para incorporar esse
endereço ao código que aparece abaixo.
4. Copie o código embed
Se 134
Sirley Zancanari Ferrantte

3. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
5. Agora vá para o blog onde vai inserir o player e entre no modo de edição - Design
6. Adicionar Gadget e clique em HTML Java Script
Se 134
Sirley Zancanari Ferrantte

4. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
7. Cole o código, escreva o título do arquivo e Salve
Agora é só testar. Se o tamanho do player ficou maior que a coluna onde ele está inserido,
você pode alterar os valores nesse mesmo código.
Abra o Gadget onde você colou o código e altere os valores da width="200"
height="20.
Mude apenas os números para não alterar o código. Pode aumentar ou diminuir esses
valores, depende da sua necessidade.
Se 134
Sirley Zancanari Ferrantte

5. PREFEITURA DE SÃO BERNARDO DO CAMPO
SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS
DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Essa forma que eu utilizei através do site HTTP://flash-mp3-player.net cria um player
visualmente mais agradável, porém, há outras possibilidades.
Na imagem abaixo temos dois exemplos: o player criado pelo HTTP://flash-mp3-player.net e o
criado no http://www.divshare.com/ onde eu tive que diminuir o comprimento para colocar
na coluna. Se você for colocar na página de postagem o tamanho original fica bom.
O http://www.divshare.com/ onde você faz um cadastro bem simples e já faz o upload
Tutorial para criar site no Google e fazer upload de arquivo
http://www.dgaro.com.br/utilizando-o-google-sites-para-colocar-arquivos-para-download/
Tutorial em vídeo do Youtube ensinando a usar outro site WWW.gengibre.com que hospeda e
você também pode gravar direto nele.
http://youtu.be/1EApToYuDH8
Se 134
Sirley Zancanari Ferrantte