Página Inicial > Blogger > Guia ilustrado – Como hospedar e colocar áudio – mp3 no Blogger

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


Categories: Blogger Tags:
  1. Ricardo Santos
    5, Outubro, 2009 a 17:19 | #1

    Olá Rony, obrigado pela visita, para autostart escre o seguinte depois do endereço do mp3:
    &autostart=true

  2. 8, Outubro, 2009 a 14:06 | #2

    Muito obrigado Ricardo, vc não tem ideia do quantpenei até achar teu site com essas dicas simples e de qualidade extrema.

    Meu site ainda um site de testes, onde eu primeiro aprendo o que quero fazer no original. Tua dica funcionou, só alterei isso: fui direto na guia EMBEd no 4shared e copiei olink de lá. funciona q é uma beleza, sóque o player é grande, tipo youtube, com aquela tela preta. como faço pra aparecer só aquela barrinha horizontal com o play,pause e a linha de reprodução?

    Desde já te agradeço.

  3. André
    13, Outubro, 2009 a 05:00 | #3

    Ricardo, muito obrigado pela dica!
    Também demorei muito a encontrar informações tão preciosas quanto as suas!
    Muito obrigado!

  4. catia
    18, Outubro, 2009 a 14:43 | #4

    bom dia ricardo!!
    tem um probleminha não tnho o Firefox tem como fazer de outro geito???

    bjs e obrigado…

  5. PGR
    4, Novembro, 2009 a 01:30 | #5

    Obrigado pela dica. Está muito claro e completo.
    Bem-haja

  6. Radi
    4, Novembro, 2009 a 03:24 | #6

    Só para agradecer pelas dicas. Valeu muuuuuito.
    Abs,
    Radi Oliveira

  7. 17, Novembro, 2009 a 21:50 | #7

    Muito obrigada.
    Quero fazer uma homenagem.
    Vc me ajudou muito.
    Abç

  8. Luciano
    19, Novembro, 2009 a 02:44 | #8

    Valeu pela dica. Está muito claro e completo e objetivo.

  9. RP
    20, Novembro, 2009 a 17:27 | #9

    Ei mto bom! Mas como faço para colocar mais de uma musica

  10. 25, Novembro, 2009 a 08:38 | #10

    No começo eu apanhei pra conseguir, mas 4 dias depois eu consegui. Depois que aprende já era ….valew ae Ricardo t+

  11. Sterea
    5, Dezembro, 2009 a 17:14 | #11

    Ricardo, foi um anjo que me guiou até aqui… não percebo nada destas coisas mas consegui seguir todas as instruões e publicar áudios meus no site onde escrevo e no meu blog pessoal… Só que… depois de umas quantas bem sucedidas deixei, mesmo seguindo todos os passos, de o conseguir fazer!!! Quando chego ao ponto em que escrevo”file=, o sistema responde-me que não é possível encontrá-lo!Porque será?… Perdi-me outra vez!… sniff…

  12. Ricardo Santos
    5, Dezembro, 2009 a 18:09 | #12

    Olá Sterea, obrigado pela visita, será que podias disponibilizar o link do teu blog ou para um ficheiro áudio? Usa o formulário de contacto se não quiseres tornar esses detalhes públicos

  13. Sterea
    9, Dezembro, 2009 a 16:18 | #13

    Agradeço imenso a tua preciosa ajuda, sem ela, eu, uma perfeita leiga na matéria, nunca conseguiria chegar a tanto… mas… olha, inventei, substituí, na busca, o “file= por preview.mp3 que eram as palavras finais do link que eu colava, e… resultou outra vez! Agora, para uma inicializaão automática, não resultou o &autostart=true! Não sei porquê, talvez o site não o permita. É o Luso Poemas, a propósito… e o meu blog, sem problemas em divulgar é o http://cofreforte.blogspot.com onde estou a anexar, devagarinho, e graças a ti, a declamação dos poemas… mais uma vez, obrigada!

  14. Ricardo Santos
    9, Dezembro, 2009 a 19:38 | #14

    Olá Sterea, ainda bem que tornou a resultar, acerca do autostart vou ver os teus códigos e depois digo-te alguma coisa, se me permites uma opinião…activar o autostart não é é ticamente no meio bloguistico bem visto, vou exolicar: a minha ligação á net é de meio mega, se activasses o autostart em todos os leitores áudio o teu blog nunca mais abria na minha ligação pois estariam váriso leitores a “sacar” o audio mal visitasse o teu blog…demorava uma eternidade so pa ver a página inicial.

    Deixa que os teus visitantes cliquem para ouvir, o site fica mais leve ao abrir.

  15. Sterea
    10, Dezembro, 2009 a 17:49 | #15

    Obrigada pela opinião explicativa… ^_^ De qualquer forma, o autostart era para o site Luso Poemas, não para o blog… aí era complicado, pois (acho eu…) se todos os poemas, por exemplo, tivessem som, era uma salada de sons!… Pensei nessa hipótese para o site: é que, como são publicados os áudios com o poema escrito, muitas pessoas poderão nem se dar ao trabalho de clicar…

    Obrigada, mais uma vez…

  16. 12, Dezembro, 2009 a 22:25 | #16

    Meu, Muito obrigado mesmo. Este é o melhor tutorial de insercao de p3 em blog que ja visitei. Veja resultado la no meu site http://www.entrereceitas.blogspot.com

    valeu mesmo! abracos, Raul

  17. tim (timcocacola)
    14, Dezembro, 2009 a 05:55 | #17

    vlw mesmo vei

  18. Ricardo Santos
    16, Dezembro, 2009 a 12:42 | #18

    Olá Raul. obrigado pela visita, ainda bem que resultou.

  19. Ricardo Santos
    16, Dezembro, 2009 a 12:43 | #19

    Olá Tim , obrigado pela visita

  20. 19, Dezembro, 2009 a 07:44 | #20

    Cara, você é o cara!
    ;)

  21. 20, Dezembro, 2009 a 06:49 | #21

    cara muito obrigado tava penando aqui pra colocar mp3 no meu player e foi tão facil com a sua dica.. brigadão ae

  22. marta
    30, Dezembro, 2009 a 13:16 | #22

    Olá ricardo, amei sua dica e gostaria de saber se tem como colocar isso no orkut ou em outra página de relacionamento parecido, vou aguardar anciosamente por sua resposta obrigada!

  23. Ricardo Santos
    30, Dezembro, 2009 a 17:01 | #23

    Olá Marta, obrigado pela visita, nunca testei o código em redes sociais, experimenta…mal não faz…e comenta o resultado aqui depois

  24. José Alberto dos Santos
    3, Janeiro, 2010 a 17:41 | #24

    Valeeeeeuuu Ricardo !
    Funfou melhor do que eu esperava.
    Fui em “Embutido” no 4shared e lá estava o embed completo.
    Copiei e joguei no Blogger.
    O que eu venho lutando prá conseguir há tempos aconteceu:
    Além do leitor de audio, junto veio um vídeo parecido com aqueles do média player, que enriquecem o audio.

    Deus lhe pague cara !

  25. Monique
    8, Janeiro, 2010 a 06:05 | #25

    Ricardo, olá!
    Cheguei até o item 9. Abri o CÓDIGO FONTE do explorer, mas não consegui pegar o link directo.
    Pressionei a tecla CTRL+F e apareceu a pequena caixa de pesquisa, ao fundo da janela, mas quando coloquei “file= nessa caixa e tentei localizar, veio uma
    mensagem: não foi possível encontrar.
    Poderia me ajudar?
    Muito obrigada, desde já

  26. marta
    8, Janeiro, 2010 a 18:32 | #26

    Olá Ricardo eu não consegui achar o leitor no 4shared
    acho que mudaram no meu aparece uma janela bem espaçosa
    ta escrito my 4shared e embaixo tem: nome, tamanho , tipo , hora ,dowload
    mais n tem essa janelinha q vc mostra com o nome play, será q ainda é possivel
    conseguir esse leitor? Help me please!

  27. marta
    8, Janeiro, 2010 a 18:34 | #27

    E eu queria aproveitar também pra perguntar se esse leitor so toca uma musica
    a que vem com ele de lá do 4shared ou podemos usa-lo para tocar outras musicas
    e como fazer? Boa tarde pra vc e feliz ano novo também!

  28. marta
    8, Janeiro, 2010 a 18:41 | #28

    Ricado eu consegui!!!! que felicidade eu coloquei como recado no orkut
    deu certo eu li o comentario do josé e fui em imbutido foi muiiiiito fácil
    muito obrigada viu bye!

  29. 9, Janeiro, 2010 a 22:35 | #29

    muito boa sua explicaçao!!!
    meu poblema e em hospedar um player swf.com
    link directo do player….
    espero que me ajudem por favor.

  30. Ricardo Santos
    11, Janeiro, 2010 a 14:46 | #30

    Monique, aqui aparece essa parte do código, obrigado pela visita

  31. Ricardo Santos
    11, Janeiro, 2010 a 14:47 | #31

    Marta, podes usar o código do site mas a qualquer momento eles podem mudar o link do leitor e ficas sem áudio, fica ao critério de cada um, obrigado pela visita.

  32. Ricardo Santos
    11, Janeiro, 2010 a 14:48 | #32

    Cristovão não estou a entender o que queres fazer, utilizar um leitor diferente? Obrigado pela visita.

  33. marta
    17, Janeiro, 2010 a 20:50 | #33

    :) obrigada pela atenção!

  34. Elton
    19, Janeiro, 2010 a 02:42 | #34

    NÃO CONSIGO PASSAR DA DICA NUMERO 9 ME AJUDE AI! DESDE JÁ AGRAÇADO.

  35. Elton
    19, Janeiro, 2010 a 02:56 | #35

    eu fiz tudo mais quando chegei aqui to com muitas duvidades pq vc amostra uma coisa ai aqui é diferente, e quando eu coloco “file toda vez apareçe um codigo diferente e quando aperto enter esse codigo muda e eu não to achando esse com inicio http://” e acaba em “preview.mp3″ quem souber me avise ai blz?! xau.

  36. Max
    19, Janeiro, 2010 a 16:11 | #36

    Ricardo, tentei fazer o tutorial, mas me pareceu uma pequena confusão no momento em que eu acho o FILE=, pois eu copiei até o preview.mp3 (A MINHA DÚVIDA É ESSA, esse NÃO é o meu arquivo né? Esse é só o preview, né???) Aí quando vou copiar o embed o NOME do arquivo é o PREVIEW.MP3????

    Fiquei com essa dúvida.

    Obrigado.

  37. Ricardo Santos
    20, Janeiro, 2010 a 11:46 | #37

    Olá Elton, obrigado pela visita, o previewmp3 continua lá, alterei o passo 9 um bocado, experimenta agora.

  38. Ricardo Santos
    20, Janeiro, 2010 a 11:54 | #38

    Olá Max, obrigado pela visita, antes de responder á tua pergunta gostaria de informar-te que não colocava algo aqui se não tivésse a certeza que funcionava.

    Quanto á tua dúvida do preview de acordo com dicionários ingleses a palavra preview significa: watch (a movie or play) before it is released to the general public ou a screening for a select audience in advance of release for the general public que no caso do 4shared indica que tu estás a ter um preview do áudio antes de o partilhares no teu site/blog, tal como a ante estreia de filmes só em cinemas pré seleccionados.

    Mas testa á vontade…vê as características antes e depois de o hospedares.

  39. Elton
    20, Janeiro, 2010 a 19:02 | #39

    ricador conseguir achar o codigo era mais simples do q eu pensava e agora eu quero saber onde colocar o mini leitor sem q seja nas postagens tipo eu vejo nos outro blogs ao lado sabe geralmente eu vejo no lado direito dos blogs e queria colocar com varias musicas no mesmo leitor?
    e muito obrigado.

  40. 27, Janeiro, 2010 a 02:21 | #40

    Ricardo,eu estava louco por algum tipo de orientação referente ao assunto COMO ADICIONAR ÁUDIO AO MEU BLOG.Você veio muito bem acalhar. Agradeço muito e estou torcendo para que tudo dê certo. Um abraço para você e para todos que assim como eu, buscaram a sua oportuna ajuda.

  41. 27, Janeiro, 2010 a 02:41 | #41

    Querido amigo, Ricardo Santos, eu muito lhe agradeço pelas preciosíssimas orientações sobre como adicionar áudio ao blog. Acabei de pegar todas as orientações sobre o assunto, as quais repassei para o meu bloco de anotações detalhadamente, e daqui a pouco, se não começar a chover muito forte por aqui, com muitas descargas elétricas, como está acontecendo muito, eu vou começar a por tudo em prática no meu humilde windows xp. Abração, e se resolver aparecer por aqui, não deixe de me dar um alô para que possa vir à minha humilde casa para juntos tomarmos um bom café tìpicamente tupiniquim. Sem mais, do amigo, Johnny Nyll Mergello.

  42. 28, Janeiro, 2010 a 02:20 | #42

    Olá, Ricardo! Puxa vida, kara, eu não consegui seguir todo o passo-a-passo de suas competentíssimas orientações, aliás geniais orientações. É que lá pra sexta etapa do cronograma, após haver sido efetuado o UPLUAD, simplesmente não apareceu a tecla DONE. Fiquei sem saber o que fazer, até porque sou meio leigão no assunto, sabe. E agora, meu bom amigo lusitano… O QUE EU FAÇO, PELO AMOR DE DEUS?
    Johnny Nyll Mergello

  43. FABIANA
    4, Fevereiro, 2010 a 14:28 | #43

    adorei o site . PARABENS

Página de comentários
1 2 3 9418
  1. Ainda sem nenhum trackback.

Spam protection by WP Captcha-Free