Guia ilustrado – Como hospedar e colocar áudio – mp3 no Blogger

Por | 1 de Setembro de 2008
Depois de ter escrito aqui vários guias em como colocar um leitor áudio no blogger recebi vários pedidos de ajuda por email, 90% dos pedidos é relacionado com qual serviço de hospedagem utilizar porque a maior parte não permite a utilização do link directo do ficheiro(hotlink).

Vou utilizar neste guia o serviço de hospedagem gratuito 4Shared, o 4shared não permite que utilizemos o link directo mas vou partilhar aqui um segredo para o utilizarmos. Este guia ilustrado irá mostrar todas as etapas necessárias desde o registo no 4shared, upload de áudio e colocação de áudio no blog.

Vamos lá começar então:

1º- Registar no 4Shared: No site 4Shared clicamos em SIGN UP.

2º- Na seguinte página preencham os dados, eu utilizei o hotmail mas qualquer um serve, em EMAIL escrevemos o nosso email, em PASSWORD escrevemos a nossa password/senha, em CONFIRM PASSWORD escrevemos novamente a PASSWORD e em PLAN seleccionamos a opção FREE, depois clicamos em SIGN UP.

3º- Se tudo correu bem a seguinte página confirma que o registo foi efectuado, clicamos em OK

4º- Agora estamos no painel de controlo da nossa conta no 4Shared, clicamos em PROCURAR e seleccionamos o ficheiro mp3 que vamos utilizar, em seguida clicamos em UPLOAD

5º- Irá aparecer uma janela que nos indica o tempo que o upload irá demorar.

6º- Depois de o upload terminar é apresentada uma janela com links genéricos para fórums e sites/blogs, mas estes não são os links que nos interessam por isso clicamos em DONE.

7º- Agora podemos ver o ficheiro áudio já no 4shared, existem 4 abas disponiveis e vamos clicar na aba PLAY que irá mostrar um mini leitor áudio.

8º- Como o mini leitor áudio não funciona fora do 4shared, temos agora de descobrir o link do ficheiro que o leitor está a usar e para isso teremos de dar uma olhada no código fonte da página, não se preocupem que é mais fácil do que parece, no guia utilizei o Firefox mas vou também dizer os passos caso estejam a usar o Intenet Explorer.

Firefox: pressionem as teclas CTRL+U ao mesmo tempo e uma janela com o código html fonte irá aparecer.

Internet Explorer: cliquem no menu VER ou PÁGINA e em seguida seleccionam a opção VER CÓDIGO FONTE e uma janela com o código html fonte irá aparecer.

9º- Com a janela do código fonte aberta vamos procurar o link do ficheiro mp3

Firefox: Pressionem as teclas CTRL+F e uma pequena caixa de pesquisa irá aparecer ao fundo da janela, nessa caixa escrevemos o seguinte ‘flashvars’, ‘file= assim que acabamos de escrever o código irá aparecer sublinhado na página e á frente estará o tal link para o mp3 que começa em “http://” e acaba em “preview.mp3”

Internet Explorer: Pressionem as teclas CTRL+F e uma pequena caixa de pesquisa irá em cima da janela, nessa caixa escrevemos o seguinte ‘flashvars’, ‘file= clicamos em PROCURAR e o código irá aparecer sublinhado na página e á frente estará o tal link para o mp3 que começa em “http://” e acaba em “preview.mp3”
>

10- Agora que já temos o mp3 hospedado e o link directo vamos colocar o mp3 no blog, iniciamos um novo artigo no blogger e no modo EDITAR HTML colocamos o seguinte código no post, substituindo a parte a vermelho com o link directo para o mp3 e aparte a verde pela percentagem de volume áudio, por exemplo 100 inicia o leitor com o som no máximo, 50 inicia o leitor com o volume a 50%.

<embed src=”http://ricardouk.no.sapo.pt/scripts/player.swf” width=”350″ height=”20″ bgcolor=”#ffffff” allowscriptaccess=”always” allowfullscreen=”false” flashvars=”file=LOCALIZAÇÃO DO FICHEIRO MP3&volume=100“></embed>

11º Depois de adicionarmos o código clicamos em GUARDAR, agora ao visualizar o blog estará lá um leitor áudio como este

216 thoughts on “Guia ilustrado – Como hospedar e colocar áudio – mp3 no Blogger

  1. Patyta

    Ricardo,
    tenho agora outro problema: não consigo fazer o “autostart” apliquei todos os processos e nada. O site está construido em Publisher. Será que me pode ajudar?
    Uma outra questão: em queria passar a publicação de Publisher para Dreamweaver. Existe hipótese de, por exemplo fazer copy/past das páginas já feitas, e existe algum tuturial que eu possa ver, relacionado com o tema?
    Agradecido
    Bom fim-de-semana

  2. Patyta

    Ricardo,
    Convido-o a visitar o site que estou a falar:
    aessenciadabeleza.ptservidor.com
    Está lá o leitor e funciona embora com os problemas que apresentei no post anterior.
    Se o Ricardo entretanto estiver interessado em alguma coisa, diga.
    Cumprimentos

  3. Ricardo Santos Post author

    Olá Patyta, obrigado pela visita, guarda/exporta o site no publisher e inicia um novo projecto no dreamweaver com o site que guardaste no publisher.

  4. MIZAEL SILVA

    OLA GRANDE RICARDO …..BELEZA ?!

    MANO VEJA BEM , ESTOU TENTANDO MONTAR MEU BLOGGER , GOSTARIA
    MUITO DE CONTAR CONTIGO NO SENTIDO DE ME AJUDAR NA CONSTRUÇÃO
    BACANA DESTE MEU BLOG , TRABALHO NO MOMENTO COM GRAVAÇÕE PROFISSIONAIS
    AUDIO , ESTUDIO ENFIM ……QUERO TER UM TEMPLATE BONITO , PÔR AUDIO
    VIDEOS DA MINHA AREA ,,,,,,ONDE TB MEU CLIENTE PONHA TB ,,,,COMENTARIOS ,
    E OUTROS RECURSOS INTERESSANTES ………….

    FICAREIII MTO AGRADECIDOO

    MIZAEL

  5. Rose

    olá querido, olha, eu estou usando o explore e ralamente ñ consegui fazer o lance q vc ensina ai prq será ?

  6. pacovisk

    por que minhas musicas q ospedo ñ fica em MP3 o pessaol baixa mais ñ toca no media play???

  7. nelson

    oi ricardo, tenho um site, arquivossonoros.com, de uma rádio web, peguei um player na net e ele toca a rádio no site direto. o que eu queria, é que desativar a função de parar ele com o esc do teclado. já entrei em sites que não tem nenhuma forma de parar o que está tocando, é assim que gostaria que ficasse. já procurei muito e nada encontrei de positivo. se puder, mande uma resposta para meu e-mail: nelsonantunnes@yahoo.com.br desde já te agradeço pela ajuda!

  8. Hélio

    e ai turma boa, não precisamos mais buscar o código fonte o próprio 4shared, ja está fornecendo o html, é só na guia embutido vc copiar e colar la no blog. pode até mudar lá mesmo o tamnho do player, visitem e vejam, http://acceb3bacabal.blogspot.com

  9. Gustavo Fernandes

    Oi, tudo bem com você, Ricardo, to começando a criar um blog agora e essa dica e muito legal, deu certinho no meu blog! Muito obrigado, tinha tentado uma outra vez, mas não tinha dado certo, agora ficou muito bom!!!

  10. Jhoni Heber Pereira Dos Santos

    Fala Ricardo. Ow então o audio no meu Blog tocava normalmente há algum tempo atrás, agora nem isso faz mais. Teve uma vez que eu fui no 4shared e peguei o link denovo, apaguei o antigo e coloquei denovo aí sim pegou. Mas agora volto a parar de tocar denovo. Será que é preciso pelo menos uma vez por mês atualizar os links de audio do 4shared??

    O link da postagem do meu Blog. Onde isso acontece, está aqui: http://jhoniheber.blogspot.com/2009/12/loteria.html

  11. Ricardo Santos Post author

    Olá Jhoni, tens que fazer o login no 4shared de 30 em 30 dias para a conta não ficar suspensa e consequente suspensão dos ficheiros

  12. Jhoni Heber Pereira Dos Santos

    Então Ricardo. Minha conta não foi suspensa, e eu faço o login no 4shared pelo menos 2 vezes por semana. O problema é que o audio toca no 4shared, mas no meu Blog num da nem sinal de som. E pra piora tudo, eu comecei a postar os meus videos no portal também, e em seguida eu posto os links no Blog, e mais um problema: o video reproduz normalmente, mas o audio não sai.

  13. Ricardo Santos Post author

    Essa foi uma das razões que me levou a utilizar um leitor personalizado em vez do leitor do 4shared…

    Acerca do vídeo…era preferível falar disto no fórum:
    http://www.ricardouk.com/forum

    expõe lá o teu problema do vídeo e assim também podes ajudar mais pessoas com o mesmo problema,e se puderes hospeda um dos teus vídeos no mediafire.com e deixa o link lá no fórum para que eu possa testar o vídeo em várias situações/conversões vídeo

  14. Artur

    Ola Ricardo! Obrigado pelo tutorial!

    Eu segui os passos, o player aparece no blog, mas qdo dou play, a musica nao toca.

    O curioso eh que, se eu colo o link do mp3 no browser (Chrome) a musica toca no player do browser, o que significa que o link esta certo.

    O que pode estar acontecendo? O blog eh http://renatolameirinhas.blogspot.com

    Obrigado e abracos!

  15. eneias

    Valeu man! Prcurava a dias por isso e vc resolveu meus problemas!!!!!!

  16. Gilson

    Olá, cheguei até aqui através de pesquisa e fico muito grato que existam pessoas como você, que dispõe dde seus conhecimentos para auxiliar à outros, me ajudou bastante aê no meu site…muito obrigado.

  17. Jhoni Heber Pereira Dos Santos

    Fala Ricardo, entende. Mas o que está acontecendo com os links de audio Mp3 que eu posto no Blog? Isso já aconteceu com você também? Ou eu só posso fazer login no 4Shared de 30 em 30 exatos. E não toda semana?

    Flw…

  18. Ricardo Santos Post author

    Jhoni, eu já testei com ficheiros meus e não tive qualquer problema, partilha aqui um link para um dos teus ficheiros áudio.

  19. Bruna

    Olá Ricardo…

    Estou com problemas no passo 7, não aparece para mim o ficheiro com as abas disponíveis, onde encontro?

  20. Pedro

    olá Ricardo, beleza, criei uma conta e fiz tudinho, mas, o player só toca 40 segundos de musica porque?

  21. Pedro

    quando eu coloco uma musica de 5 minutos mais ou menos ele só toca 2 minutos

  22. Pedro

    é como se ele estivesse fazendo o upload pela metade da musica

  23. Ricardo Santos Post author

    Olá Pedro, preciso de um link para o ficheiro em questão, partilha o link num comentário, se não quiseres que o link fique visível manifesta isso no comentário e eu depois de ver o link apago-o.

  24. Pedro

    Olá Ricardo beleza? consegui, descobri o que era, era porque o nome das minhas musicas eatavam com espaços. ex.: bad romance.mp3 e ele não aceita, posta ai para o pessoal que tiver duvidas sobre isso, walew Ricardo, qualquer coisa meu blog é http://www.acmasconsulcurso.blogspot.com

    meu blog ainda está em fase de reformulação, mas, pode visitar se quiseres. valew Ricardo, verifiquei novamente, e continua com o mesmo problema, acho que é algumas musicas, qual o link que eu te mando?

    O link dele é http://www.4shared.com/audio/Su-MLm0e/DanceVoice_Deejays_-_riz_a_szv.html e o tamanho dele normal é 3:51 e na visualização do upload só toca 00:34 segundos

    olha só essa musica está correta: http://www.4shared.com/audio/lJzPC0Kc/Bad_Romance.html, eu upei essa e deu certo, Vê só, eu upei uma que estava dando errado quando eu toco ela na visualização do upload, mas, quando coloco o link para abrir no 4shared ele dá certo. O que pode estar acontecendo?

  25. Ricardo Santos Post author

    Pedro aqui tanto na pré-visualização como depois num blog de testes funciona tudo bem, todos os links que enviaste funcionam aqui deste lado, tanto na págian do ficheiro como depois no blog.

    Qual é o browser que estás a usar, limpa a cache do browser e tenta outra vez clicar na pré visualização, ou usa o Firefox e diz se o problema se mantém.

  26. Pedro

    uso o Firefox, não tinha pensado nisso, de limpar a cache, pode ser que dê certo, mas, o código eu só posso pegar no Painel do 4 Shared na minha aba embutido, tem a outro meio de copiar o código gerado pelo 4shared?

  27. Pedro

    Continua do mesmo jeito após limpar a cache, acho que o que eu vou fazer é pegar qualquer player e colocar a url do 4shared que ele upou pra ver se dá certo. Tem o player do odeo, deve dar certo. obg amigo.

  28. Pedro

    Grande Ricardo, olha só descobri, por qual motivo só tocava o pedaço da musica, a música não pode conter acentos, se não o player não reconhece a musica. Até ai beleza, mas, como faço para colocar várias musicas tocar, uma depois da outra? Exemplo: quando terminar uma, entrar a outra. Você conhece alguma playlist que eu possa baixar o código dela?

  29. Fátima Campilho

    Olá, Ricardo!
    Segui suas orientações.Localizei o arquivo MP3. O que mais eu tenho que trocar no código que você forneceu para que dê certo?
    Tenho o player no blog, mas está com alguns segundos a menos!
    Obrigada,
    Fátima

  30. Fábio Silva

    Ricardo…

    Você não sabe o quanto garimpei na internet a procura de uma dúvida antiga. Graças a DEUS existe pessoas como você para resolve-las. Que sabe fazer e compartilha o saber. Esse tutorial é simplesmente perfeito. Muito, mas, muito obrigado!!!

  31. Willian Souto

    Ricardo, o audio roda mas na tela de video.Tem algum problema? Alem disso aparece ao lado do video a inscrição 4shared. E ai posso continuar postando meus audios assim mesmo?
    desde já, obrigado.
    Att: Willian Souto

  32. Fábio Silva

    Boa tarde ricardo!

    Por favor me tire uma dúvida. Fiz o procedimento descrito acima utilizando o mozila firefox e funcionou, beleza. Quando fui testar no Internet explorer 8 e no google chrome ele não tocou. Dai publiquei outro arquivo, só que pelo IE 8, ele tocou no firefox e nos outros não. Fiz também com o google chrome e deu o mesmo resultado. Já limpei hitóricos, arquivos temporários e todo tipo de cache… Testei com vários player e só roda no firefox. Será que o problema está no código html do player ou no link do servidor para o arquivo?!? Gostaria, se possível, que visitasse meu blog pra ver do que falo.

    Agradeço muito se puderes me ajudar, valeu!
    http://escrevinhandoescrituras.blogspot.com

  33. Akissel Donner

    Ricardo, no caso tem como colocar pra começar automaticamente? Me lembro que tinha algo haver com colocar “true” na frente de “&autostart=”… mas nao achei no codigo.

    Tem como voce me ajudar?!

  34. daniel

    Ricardo,me ajuda aí em uma coisa,eu segui os passos que vc colocou aqui,estava dando certo até até a etapa 6,quando clico em done,não aparece a aba com aquelas quatro opções e o play do mini leitor.meu navegador é o google crome,tem alguma coisa haver?outra coisa,tentei seguir mesmo assim a etapa oito,quando dou ctrl + u aparece aquela pagina do codigo da fonte,até aí beleza,depois dei Ctrl + f e apareceu a pesquisa,só que quando eu digito as palavras que voce colocou ai ‘flashvars’, ‘file= não aparece nada,e não fica sublinhado o codigo.como eu faço para conseguir isso,já tentei muitas vezes e nada..me ajude por favor.obrigado.

  35. Ricardo Santos Post author

    Olá Daniel

    o 4shared mudou um bocado desde que fiz este guia, depois de fazeres o upload do mp3 clica no ficheiro e irá aparecer uma janela com um leitor audio do 4shared e debaixo do leitor do 4shared está o código que podes usar no teu site ou blog.

    se queres utilizar um leitor áudio diferente clica em CTRL + U nessa página, depois em CTRL+F e na caixa de pesquisa procura por preview.mp3 para conseguires o link do mp3, estas instruções são para o firefox.

  36. Ricardo Santos Post author

    @ William
    o leitor do 4shared tem um efeito vídeo a acompanhar o vídeo, é normal, se não quiseres que o vídeo apareça modifica o valor height para 20: height=20

    @ Marcos
    pesquisa por “onclick=”playMedia(document,” e logo a seguir tens o link do mp3

    @ Akissel
    o leitor do 4shared não permite isso, tens de usar o código que está no artigo.

  37. ASM

    Muito bom este guia!!! Precisei atentar para uns detalhes como tamanho do player, por exemplo, também não consegui colocar a música na íntegra (de 2’60” ficam faltando uns 50″…tentei as dicas de tirar o espaços no título da música, tirar os acentos, mas nada mudou…) mas ainda assim PERFEITO!!! Muito obrigada!!

  38. carla marzagao

    Ricardo,

    Já tentei tudo confome vc explicou e não entra nada de audio, nem a imagem do janela de audio entra. Meus arquivos de audio estão hospedados no 4shared – http://www.4shared.com/dir/vhTw4HMD/Audio.html
    Fiz tudo como vc disse no Guia e nothing. Não tem jeito de usar um daqueles progs que pegam o audio do proprio PC? Porque eu tenho outro site http://clubecaiubi.ning.com/profile/carlamarzagao em que eu só upload o nome do meu arquivo no PC e está feito. Desculpe, mas tem como me ajudar HELP ME

  39. Ana

    Qual éo nome da música que está no player desse post?É maravilhosa pros meus ouvidos.

  40. Maicon

    Ricardo Bom dia… achei muito boa sua uniciativa deste guia… só estou um problema na hora de procurar o link no 4shared pra postar no blog quando é feita a busca o arquivo não é encontrado… o que devo fazer?

  41. Maicon

    No passo 7 eu preciso colocar o audio para executar? por que eu não achei o play. e no passo 8 quando utilizei a busca pelo codigo ele nao foi localizado… o que devo fazer?

  42. Camila

    Oi Ricardo, as músicas continuam saindo pela cortadas, também já tentei de tudo e nada até agora.
    🙁

    Alguma outra idéia?

  43. Carlos Santa Rita

    Ricardo, eu já tinha conta 4Shared! Cara tentei seguir o teu passo a passo e não consegui nada! Uso o Firefox e o Windons 7 Ultimate. Essa solução iria me ajudar bastante! Se puder me ajudar ficaria imensamente grato!

Deixar uma resposta

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