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

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 comentários a “Guia ilustrado – Como hospedar e colocar áudio – mp3 no Blogger

  1. nyna

    Nossa sua dica me ajudou muito, eu estava colocando as músicas no player mas elas não tocavam, depois que vi seu blog e segui a dica deu td certo
    Mt obriga bjus

  2. Ludmilla

    Ricardo, quando eu posto o arquivo no 4shared, não aparece as 4 abas, inclusive não apararece justamente o “play”. Tem outra forma de pegar o código do áudio pra ouvir online no blog sem tem que fazer o download?

  3. ESTER

    Eu fiz tudo como disse mas também no meu não apareceu as 4 abas e nem o tal do play.
    Oque será que estou fazendo de errado por que não consigo postar as musicas que copiei dos meus arquivos e estão no 4shared. me ajude por favo.

  4. Paulo Barcelos

    Fiz e funcionou na perfeição. Obrigado Ricardo. Quanto à história das abas… não percebi mas também não precisem … depois do upload bastou entrar na página onde aparece o ficheiro pronto para tocar e aí fazer o Controlo+U … abre-se aquela janela com a linguagem de programados… faz-se o Controlo+F para aparecer a caixa de pesquisa e escreve-se aí: preview.mp3…. e ele encontra em princípio 2 ou 3 entradas …. é só copiar aquela que começa com “http:// ….. e termina em preview.mp3″. Fácil.

  5. Evandro Marinho

    Amigo, Ricardo, não consegui postar os arquivo no meu blog. Todos os passos do shared foram feitos. Mais quando coloco em novo post, não aparece nada, meu desejo é colocar maus arquivos mp3, no blog. um á um. não sei onde estou errando, se poder ajudar a um leigo, agradeço. abraço.

  6. FABIOKAUA

    Olá pessoal eo siguinte eu tenho um top dez na minha web rádio so que estou atraz do mp3 pois ja fiz uploud pelo filezila para o site hdfree.com.br chegando la no painel os mp3 estava la mais quando fui colocar para toca não deu certo então parei aqui neste forum e tbm suas dicas noa deu certo gostaria de saber se alguem se abilita a me ajudar pois quero hospedar graits meus mp3 para toca no meu jogador da rádio pois ele so ta tocando no meu computador se alguem souber de algo desse tipo me add no msn obrigado

  7. Leojane de jesus

    valeu meu caro, a muito tempo procurava por isso. deu certinho muito obrigado mesmo, que Deus te abençoe, abraços!!

  8. metafosfato

    Olá Ricardo,primeiramente gostaria de dizer que é louvável sua idéia de ajudar as pessoas a tirarem suas dúvidas e aprenderem com você e acima de tudo as respostas pessoais que li você dando para cada um.
    No mais, tambem tenho algumas dúvidas, estou querendo colocar um podcast no meu blog, mas não estou conseguindo,já faz um tempo que essa postagem foi feita então acho que algumas coisas no 4shared foram atualizadas, mas no geral acho que minha dúvida ainda proceda.
    Carreguei o video para o 4shared, mas não estou conseguindo enviar para o meu blog de uma forma que apareça uma barra de play lá na minha página. Você teria como me ajudar ?
    Obrigado.

  9. juliana

    não consegui fazer, não consegui estes codigos, tanto explorer quanto o mozila não me deram os codigos.
    tentei fazer do jeito que vc passou mas nao deu.

  10. juliana

    Carlos,

    Não consegui que aparecesse o tocador, to tentando de tudo que é jeito,vc verá lá que tenho um soundcloud, mas aquele é muito grande, esteticamente ta horrivel.
    Se pude me ajudar?
    Valeu!

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> <span style="">