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
Olá Ricardo!
Ainda estou tendo dificuldades em encontrar a pasta. Fiz conforme você indicou e abriu 3 abas: Geral, Imbutido e Atualizar. Onde errei?
Selecciona imbutido, irá aparecer um leitor, e segue para o passo nº8.
Como eu tinha o 4shared em Inglês a aba era Play em Português é Imbutido.
Olá Ricardo!
Estou aqui mais uma vez, mas já cheguei na última etapa. Abriu uma caixa amarela, com uma tarja vermelha escrito ERRO, com os seguiontes dizeres: Seu HTML não pode ser aceito: Tag is not closed: <embed src=\"http://ricardouk.no.sapo.pt/scripts/player.swf\" width=\"350\" height=\"20\" bgcolor=\"#ffffff\" allowscriptaccess=\"always\" allowfullscreen=\"false\" flashvars=\"file=http://dc152.4shared.com/img/104898600/17ab2401/dlink__2Fdownload_2F104898600_2F17ab2401_3Ftsid_3D20090512-183355-39dacc53/preview.flv&volume=50\"/>
O que significa isso?
Obrigado mais uma vez.
Luiz podes ignorar esse erro do embed, se quisres que ele desapareça faz o seguinte, acrescenta isto ao fim do código:
</embed>
o final do teu script fica mais ou menos assim:
….volume=50"></embed>
já actualizei o código no post
Olá Ricardo!
Alterei o final, mas ao postar fica em branco. Não aparece nada. Olhe como ficou o código:
Já vi que está a funcionar, utilizas-te o player do 4shared
Olá Ricardo!
Não está funcionando. O que eu fiz de errado? Como faço para visualizar o leitor de áudio?
Oi Ricardo,
Deu tudo certo.
Dá uma passada no meu blog e veja como ficou.
mariahelenarios@blogspot.com
Obrigada
Luiz, se seguires á risca o guia, garanto-te que vai funcionar, se vais utilizar o código dado pelo 4shared eles a qualquer altura podem mudar o leitor e lá tens de andar outra vez a mexer.
Ricardo o 4shared deletou todos osm eus arquivos lá e me deixou na estrada a pé, pergunto o player serve se hospedarmos em outro lugar o mp3 ou so funciona hospedado no site deles mesmo, se não poderia me ajudar com um outro player?
Abraços
Olá Carlos, O 4shared apaga os ficheiros áudio se a tua conta estiver inactiva por mais de 30 dias, basta fazeres um login de 30 em 30 dias no site, eles enviam um aviso que os ficheiros irão ser apagados se não fizeres pelo menos um login.
Sim o código para o leitor funciona hospedando os mp3 nouto sítio mas…. não há muitos que “fecham” os olhos ao que é lá posto como o 4shared e que oferecem links directos, a maior parte só oferece links gerais para a página e não link direct (hotlink)
Fica com o 4shared e não te esqueças de fazer login de mês a mês
Bem Ricardo, estou tentando colocar novamente a midia em meu blog mais o código deu o mesmo problama de quando o fiz pela primeira vez, só aparece uma barrabranca ao invés do player, da outra vez vc fez um ajuste poderia novamente me dar este auxílio?
Abraços do amigo
Ricardo resolvi o problema já esta tudo ok, muito obrigado mais uma vez por sua atenção.
Abraços
Ola Ricardo.. Suas dicas me ajudaram muito, estou apensa em duvidas de como fazer para fazer um playlist bem grande para deixar tocando sem parar no blog, como sera qui devo colar varios codigos… desde ja agradeco
Ola Ricardo.
Muito bom. Funcionou tudo beleza. Se quizeres dar uma espiada vai em cafeemgotas.blogspot.com, mas estou com um problema em máquinas “under proxy” que bloqueiam o 4shared.
Tens alguma sugestão?
Vou colocar um aviso la pro pessoal, mas se pudermos burlar ou evitar isso seria melhor.
Grande abraço e obrigado novamente.
Ricardo, fazia isso sempre pra add musicas no meu blip.fm, mas agora não ta dando amis certo….. houve alguma atualiazação ou mudança?
Vinicius eu não uso o blip.fm por isso não te posso ajudar mas se dizes que funcionava antes aconselho-te a leitura do comentário do dia 2 Junho ás 19.30
ricardo eu não consegui fiz tudo como vc ensinou, mas não dá certo.
Olá Angela, obrigado pela visita, coloca no teu blog o código que estás a utilizar, sem ver o código ou exemplo no teu blog não posso fazer muita coisa.
Ola Ricardo,
funciona que é uma beleza, já estava quase desistindo de começar um podcast quando encontrei suas dicas. Só tenho uma pergunta, as cores do player são fixas, ou alguma alteração no código permite que eu mude as cores do botão do “play” e todo o resto?
Obrigado!
Abs,
Edu
Olá, tentei o passo a passo ilustrado, mas cheguei só até a janela de fazer o upload, ai carregou mas não apareceram as opções que vc falou e sim uma janela no canto direito dizendo p fzer download( que então remete para executar ou salvar no pc)
Quero muito colocar uma musica no meu blog. brigadu. abr
ana
Muito obrigado! Você é 1000000000! Irei postar minha obra poética em audio, graças suas orientações.
Se precisar de qq coisa, estou às ordens!
Olá Eduardo Heering, obrigado pela visita, sim podes mudar a cor, irei actualizar o artigo brevemente
Olá Ana, obrigado pela visita, vou ter rever o guia porque já não faço o upload de mp3 á algum tempo mas pelos comentários positivos acho que continua tudo na mesma…experimenta mudar de browser: firefox, opera chrome…pesquisa aqui no blog por eles
Olá Ramon Alcântara, obrigado pela visita e pelo feedback positivo.
Olá Ricardo sou eu de novo. Qual erro acontece quando a página do código fonte não tem o link do ficheiro mp3? Está acontecendo isso com alguns arquivos meus. Uns tem, já outros não. Estou seguindo a risca suas orientações, apenas com a diferença que uso o Google Chrome. Onde posso está errando?
Abraços
VLW MANO CONSEGUI NA PRIMEIRA TENTATIVA!!!!
Olá Ramon, o pessoal aqui está ter sucesso, se a única diferença é o browser…tenta outro
Olá canela, obrigado pela visita. Ainda bem que conseguiste sem problemas, bons podcasts
ola ricardo, segui passo a passo e estava tudo certo, mas ao procurar o codigo fonte, depois de colocar “file=” e realmente aparecer o link, nao pude encontrar o final “preview.mp3”.
estou fazendo algo errado. meu arquivo eh um audio em wma nada pesado.
o que devo fazer?
muito obrigada desde ja
Barbara o guia foi feito para MP3, faz upload de mp3
Olá!
Gente eu estava procurando no Google como adicionar um player de aúdio no meu site cujo e do Blooger até hj não consegui e vendo o seu site até mesmo parabéns por ele,vendo os comentarios acabei pensando em mandar um comentario com uma duvida.
tenho um Código :
No qual é o player de audio do 4shared gostaria de saber como fazer com que ele inicie junto com o blog.Ou se não por favor me mande o codigo deste player com a musica e o autostart.Abaixo segue os Códigos
(códigos removidos pelo administrador)
Obrigado pela atenção e novamente Parábens pelo seu site.
ai, me confundi e achei que ele transformava o arquvo em mp3. mas deu tudo certo! consegui! obrigada mesmo!
Olá *Sow*, obrigado pela visita, para activares o autostart escreve o seguinte depois do link do mp3 ( logo a seguir ao código a vermelho no exemplo):
&autostart=true
Ok Barbara ainda bem que funcionou!
Cara… fantástico. Muito obrigado.
Olá César, obrigado pela visita.
Olá grande Ricardo!!!! Somente com a sua página consegui ter sucesso na colocação do código no meu blog.
Valeu!!!!!!!!!!
Ricardo,
fiz passa a passo o que vc mandou, mas não aparece a aba play que vc disse. O que faço?
olá estou precisando muito de uma ajuda de como coloca música no blog já faz algum tempo que tento mas n consiguo será vc que pode mim ajuda com isso
meu blog e
Caríssimo Ricardo Santos, há tempos hesitava em por um player de áudio em meu blog, mesmo porque considerava um procedimento muito complexo para meus parcos conhecimentos e falta de habilidade. Hoje, motivado pela sua clara exposição neste artigo, ousei fazê-lo, auferindo, para meu espanto, “sucesso total”. Foi até mais fácil do que esperei, uma vez que, concluídos os procedimentos preliminares, o 4shared forneceu o código automaticamente, sem necessidade de procurá-lo no código fonte da página.
Naturalmente que, da época de sua postagem à data de hoje, alguma coisa mudou.
Bem, quero agradecer-lhe enormemente pela grande ajuda e, se quiser conhecer meu humilde blog o endereço é http://www.pianoclassico.org
Muito nos honraria vossa visita.
Abraços deste amigo no Brasil,
Lobão.
@Paula e Jullyana, obrigado pela vista, qual é o link para o mp3 no 4shared?
Newton, obrigado pela visita, sim de facto o 4shared mudou desde que postei este artigo. Boa sorte e boas “pianadas” no teu blog
Uma dica para quem vai usar o “embed” do 4shared, se for somente um arquivo de audio, é ideal mudar a altura, senão fica aparecendo uma visualização e consome bastante espaço do blog.
quem quiser ver, é só visitar o meu blog. http://aljaharaproducoes.blogspot.com/
as configurações são as seguintes: width=”420″ height=”19″
abraço a todos.
Consigo fazer isso tudo, mais só a música ñ toca!!!
Oi Ricardo,
Já fiz uma vez com muito sucesso o passo a passo.
Quero colocar outro audio e não está dando certo. O audio fica picotando, fica cortando. Por que? O que estou fazendo de errado? No me caso uso a aba “embed”
Obrigada
Oi Ricardo, tudo bem?
Este é o audio que fica picotando, cortando, quando baixo no blog. O que tem de errado?
Obrigada
Ô Ricardo, fiz, segui passo a passo, mas quando clico no player pra tocar a musica no blog, ela nada! O que faço?
Obrigada.
Vã
Olá Vanessa, obrigado pela visita, na ausência de mais dados…só te posso dizer para repetir todos os passos.
1- Qual é o formato áudio do ficheiro? Pesquisa aqui no blog por um programa Mediainfo para saberes qual o formato do ficheiro…não vás pelos ícones…
Como fazer para o leitor de áudio tocar automaticamente assim que abrir o blog