Como colocar áudio no blogger – blogspot

“Como colocar áudio no meu blog” é uma das perguntas mais feitas nos fórums de ajuda “bloguistica”, neste post irei mostrar como colocar áudio(mp3) no seu blog com a ajuda do Odeo audio player.

1- Hospedar o mp3, existem dezenas de sítios na net onde podemos hospedar os mp3 gratuitamente.

2- Colocar o seguinte código no post:

   <embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent"  type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=ENDEREÇO DO MP3" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>

Só é necessário editar a parte do código a vermelho com a localização do mp3, no final teremos o seguinte leitor:

Partilhar artigo no: Facebook | Google + | | Digg

Este artigo foi arquivado em: Áudio, Blogger

92 Responses to Como colocar áudio no blogger – blogspot

  1. Ricardo Santos says:

    Olá Mari, obrigado pela visita, para ppoder ajudar-te vou ter de ver o código que estás a utilizar….sem isso não posso fazer nada

  2. Mari says:

    Desde já agradeço a atenção . parabéns pelo site. Aqui vai o codigo que copio do Deezer e colo no Gadget do blogger como HTLM/Java Script:

    <div style=\"width:180px;height:236px;\"><object width=\"180\" height=\"236\"><param name=\"movie\" value=\"http://www.deezer.com/embedded/widget.swf?path=25217636&lang=EN&colorBack=0×525252&colorVolume=0x00CCFF&colorScrollbar=0×666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=8571280\"></param><embed src=\"http://www.deezer.com/embedded/widget.swf?path=25217636&lang=EN&colorBack=0×525252&colorVolume=0x00CCFF&colorScrollbar=0×666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=8571280\" type=\"application/x-shockwave-flash\" width=\"180\" height=\"236\"></embed></object><br><font size=\’1\’ color =\’#000000\’ face=\’Arial\’>Discover <a href=\’http://www.deezer.com/en/miriam-makeba.html\’>Miriam Makeba</a>!</font></div>

  3. Ricardo Santos says:

    Olá Mari, o código aqui funciona tanto no Internet Explorer, Firefox ou Chrome.

    a única coisa que posso fazer para te ajudar é reduzir um pouco o código porque tem muito “lixo” e ficar assim:

    <embed src="http://www.deezer.com/embedded/widget.swf?path=25217636&lang=EN&colorBack=0×525252&colorVolume=0×00CCFF&colorScrollbar=0×666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=8571280&quot; type="application/x-shockwave-flash" width="180" height="236"></embed>

    numa próxima oportunidade para obteres este código olha copia do código original o que está escrito entre "<embed e </embed>"

  4. José says:

    Qual um site que eu possa hospedar meu mp3??

  5. Ricardo Santos says:

    Olá José, obrigado pela visita, existem muito sites onde podes hospedar mp3 mas a maior parte depois não disponibiliza um link directo (necessário) para colocar o mp3 no blogue.

    Tens aqui um guia que explica o processo do inicio ao fim

    http://www.ricardouk.com/2008/09/guia-ilustrado-como-hospedar-e-colocar.html

  6. Pérola says:

    ola, seu player é uma mao na roda… porem se vc pudesse me ajudar em mais uma coisinha??? ^^’
    eu tenhu algumas musicas gravadas em meu pc… so responde o seguinte… teria como eu colocar um player… onde ue possa gravar as musicas de meu pc…e que fique a lista no blog pra que os visitantes escolham a musica que querem ouvir… tipo divulgaçao???

    brigadu pela atencao lindu…
    belo trabalho viu…
    bjus…

    PérOla YdyOnara

  7. Ricardo Santos says:

    Olá “Pérola”, obrigado pela visita.

    Tens aqui um guia em como hospedar e colocar aúdio no teu blogue/site

    http://www.ricardouk.com/2008/09/guia-ilustrado-como-hospedar-e-colocar.html

  8. andressa says:

    ricardo, c pode me ajudar por favor?
    tow na luta de add um player em meu blog e num consigo…
    gostaria de add o do deezer, ja fiz minha playlist … mas num sei onde tem um codigo pra copiar, nem onde colocar este codigo no mue blog…o que faço?
    pode me ajudar?

    ja li uns tutorias aew , mas num consegui, fala de depois de fazer a playlist achar um codigo, mas eu num faço ideia deste..

    olha só, eu consegui colocar oplayer na postagem, indo em html na hora de postar ok?
    mas o que eu quero eh deixar um player rolando no blog de modo permanente, sem ser como post. entende?
    eu fiz um teste com o codigo do deezer aew acima, mas como faço tbm para conseguir o codigo da minha playlist, colocar as minhas musicas?
    e deixar la do lado?

  9. Ricardo Santos says:

    Olá andressa, obrigado pela visita.

    Para colocares um leitor fixo (barra lateral) no teu blog vai ao painel de administração do blogger e clica:

    ESQUEMA>>>>>ADICIONAR MINI APLICAÇÃO>>>>>HTML/JACASCRIPT

    colas o código nesse widget html e guardas as alterações

  10. Luis says:

    Boas ricardo…

    ja andei para traz e para a frente..e nao consigo por unica e exclusivamente o botao play/pause de um player qualquer no hi5 sera que me podias ajudar?

    cumps

  11. Ricardo Santos says:

    Olá Luís, obrigado pela visita.

    Lê o comentário do dia 29 de Abril ás 13.44, está lá explicado o código.

  12. Laís says:

    olá, muito obrigado pela sua disponibilidade de ajuda.
    Eu adicionei uma musica no Deezer, mas não consigo achar o código
    onde é que ele fica ou eu preciso de algo em especial?
    agradeço desde já

  13. Ricardo Santos says:

    Olá Laís, obrigado pela visita, eu não uso o deezer, coloca aqui o link para o teu ficheiro no deezer para eu dar uma vista de olhos

  14. Laís says:

    Pois é, estou desistindo do deezer. fiz que nem tu falou no comentário de cima, o da Mari, para simplificar aquilo, deu certo com as musicas do próprio site mas não meu playlist. Mas já me conformei. Muiito obrigado pela ajuda :)

  15. Muito legal essa dica, adorei!

    Muito obrigado por nos ajudar!

    Abraços

  16. Junior Silva says:

    Ola Ricardo, muito boa sua dica e lendo os comentários das pessoas aqui para ver se deu certo, tentei ver o meu. Só que ficava aparecendo o link ao lado do player quando visualizava. Daí descobri que não adianta copiar diretamente o link do código fonte pois senão vira hiperlink. O jeito é digitar parte do link e colar o resto para que o player apareça normalmente sem qualquer caractere ao lado.

    Fica aí minha dica ao usar o Copiar/Colar. De resto todo mérito seu, muito obrigado pelos códigos.

  17. Meire says:

    Obrigadão deu tudo certinho!

  18. Sandra Silva says:

    Funcionou muito bem de primeira
    Beijos obrigado

  19. Mi says:

    Onde ACHO o site de mp3?

  20. Ricardo Santos says:

    @Humor no Mundo, Junior, Meire e Sandra, obrigado pela visita

  21. Diego says:

    Olá Ricardo, eu tenho interesse em colocar audio de entrevistas em meu blogger. Segui suas indicaçoes e consegui postar o leitor de áudio, porém nao da para escutar nada, nem sequer os arquivos MP3 que hospedei no 4shared.com, sera que me poderia ajudar a resolver o problema? Aguardo seus comentários e agradeço muito suas dicas!. Abraço.

  22. Ricardo Santos says:

    Diego obrigado pela visita, acerca do teu problema….tens a certeza que são mp3? qual é o link para o teu ficheiro no 4shared?

  23. DIMORAES says:

    Bom dia amigo,

    Só serve mp3? O ODEO lê o formato wma?

    Um abraço

    Dimoraes
    Rio de Janeiro – Brasil

  24. Ricardo Santos says:

    Olá Dimoraes, obrigado pela visita, sim este leitor só lê mp3.

  25. Merval says:

    Ricardo

    Você conhece o programa abaixo:

    JW FLV Media Player 4.5

    Eu preciso instalar o player de áudio no meu site e, se possível, gostaria de sua ajuda na implementação.

    Desde já agradeço,

  26. Ricardo Santos says:

    Olá Merval. obrigado pela visita, segue este guia, o leitor utilizado é esse:
    http://www.ricardouk.com/2008/09/guia-ilustrado-como-hospedar-e-colocar.html

  27. Oziel says:

    Amigo parabéns pelo site. Eu já fiz todas a etapas. Conseguir transformar minhas entrevistas em mp3 no sharede. Mas qd eu jogo no corpo do texto o link encontrado não consigo deixar a barra de audio para os leitores ouvirem. Abaixo o link que eu tentei postar.

  28. Ricardo Santos says:

    Oziel sem links não posso fazer nada…not a mind reader

  29. è este o codigo que eu coloco?

    so.addParam(‘flashvars’, ‘file=http://dc95.4shared.com/img/142645430/e868e570/dlink__2Fdownload_2F142645430_2Fe868e570_3Ftsid_3D20091022-051958-d41e53de/preview.mp3&volume=50′);

  30. è este o codigo que eu coloco?

    so.addParam(‘flashvars’, ‘file=http://dc95.4shared.com/img/142645430/e868e570/dlink__2Fdownload_2F142645430_2Fe868e570_3Ftsid_3D20091022-051958-d41e53de/preview.mp3&volume=50′);

  31. Eu quero um site que hospede meu proprios audios? Aonde posso achar?

  32. Fernanda says:

    Olá, boa noite!

    Eu coloquei o código demonstrado acima, coloquei o endereço do áudio, só q ele nao toca, aparece a mesma imagem do leitor, mas nao toca…

    Será que pode me ajudar?!

    Muito obrigada!

  33. roberto wagner says:

    bom dia, Ricardo!
    gostaria de pedir a sua ajuda. O aúdio que quero publicar em meu blog, está no meu desktop e não em página da internet, como faço para EXTRAIR este código do meu arquivo mp3 que está em meu desktop? Agradeço a generosidade. Roberto – Três Rios-RJ

  34. José Universo says:

    Bom dia , Ricardo.
    Poderia me informar como faço para tocar minhas 7000 músicas que tenho arquivadas no ITunes em meu computador, no meu blog? Link para o meu blog, para que vc tenha uma idéia do faço. http://juniverso.blogspot.com ou Blog do Universo.
    Pela sua atenção agradeço.
    Grande abraço do Universo.

  35. olá Ricardo…
    sou leigo nesse assunto de html e blog…vê se vc pode me ajudar
    segui sua dica…e aparece o leitor no blog, só que não toca

    estou tentando postar este audio
    http://www.4shared.com/audio/cOxW5dH5/O_Samba__povo.html

    grato.

  36. uellen says:

    olá , eu não estou conseguindo colocar no meu blog =/ , quando eu coloco o codigo la , aparece assim : ESSE CODIGO TEM CARACTERES INVALIDOS . porque ? me ajuda

  37. Bruna says:

    Ricardo, boa noite.

    Fiz tudo direitinho do jeito que vc orientou aí.
    Repeti várias vezes, mas não aparece a barra de áudio de jeito nenhum. Depois que coloco todos esses códigos e visualizo no blog, fica tudo em branco… não aparece nada.
    Tô fazendo algo errado? Vc tem como me ajudar, por favor?

  38. luiz says:

    Boa noite.
    Estou com uma seria duvida como faço para colocar um arquivo swf em cima do nome do site no blogger?

  39. Luis Melo says:

    ola sou reporter policial gravo muitas entrevista só de audio tenhu um blog e não consigo colocar meus audios no blog vc pode me ajudar obrigado

  40. Luis Melo says:

    olha e me desculpe a ignorancia se puder me explique passo a passo

  41. Olá, Ricardo!
    Segui o seu Guia Ilustrado de como colocar audio no meu blog, no entanto, não consegui realizar o passo Nº 7. Teria como me ajudar? Tentei varias maneiras mas nem uma delas consegui fazer aparecer o play que toca no blog.
    Desde já agradecido!

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>