Criar Widget de Musica - Colocar Musicas no Site ou Blog

Vamos falar sobre como colocar uma musicas no blog criando um player de forma fácil e rápida. O site Grooveshark.com faz isso de forma simples muito parecido com um site de busca, ou seja, você encontra a musica que deseja usar no seu blog e copia o código quase da mesma forma que faz para colocar vídeos do youtube no seu blog (já mostramos até como Colocar Vários Vídeos do Youtube no Site ou Blog ).

Quando entrar no site http://grooveshark.com você deve pesquisar sobre uma musica ou nome do artista como se fosse um site de busca normal e quando encontrar clique no nome da musica, você poderá ouvir para ter certeza que é realmente a musica que procura.

Para colocar no seu blog apenas clique no símbolo da engrenagem (ferramenta) e no menu que aparece procure por compartilhar musica >> widgets.
widgets para colocar musicas no blog

Isso abrirá uma janela com algumas opções além de criar o player, por exemplo, se quiser poderá colocar a musica no Facebook ou enviar pelo Twitter apenas com um clique. Veja mais coisas uteis para essas redes sociais aqui:

Aplicativos do Facebook para Blogs e Sites - Social Plugins
Ferramentas e Acessórios para o Twitter

Mas para colocar a musica no seu blog vamos usar a opção widget e escolher uma das cores e texturas para o player de musica que o site oferece você pode clicar no botão pré-visualização e dar uma olhada no player.
pegar codigo de musicas para colocar no blog


Então escolha uma delas e copie o código. Depois é só entrar no painel do blogger >> layout >> adicionar gadget >> html/javascript e colar o código do player da musica. O widget paracerá no seu blog como na imagem abaixo (é somente uma imagem e não um player que publicamos como demostração).
colocar musica no blog

Sobre fazer a musica começar automaticamente quando alguém entra no blog: O player deste site não inicia automaticamente, mas isso não é um problema e sim uma vantagem, nem todos que entram no seu blog gostam do mesmo tipo de musica que você e, além disso, muita gente usa internet em lugares públicos onde uma musica iniciando sozinha pode ser constrangedor, por exemplo, alguém que está trabalhando e tira uns minutos para navegar por blogs ou redes sociais. Sugerimos ler esses dois links a seguir para decidir se você deve mesmo colocar musica no seu blog:

Quais os Melhores Gadgets e Acessórios para Blogs
O que você não gosta em um blog? - Esse link tem uma enquete e o resultado até o momento é que 14,92% não gostam de musica ao entrar no blog, veja e enquete e participe.

Já fizemos anteriormente um tutorial (Colocar Músicas no Blog) sobre falando a respeito deste mesmo site o Grooveshark.com, mas a pagina ganhou um novo layout e foi totalmente modificada por isso achamos que deveríamos fazer essa nova explicação sobre como inserir musica no blog.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

75 comentários:

  1. Eu encontrei um blog que plasgiou 4 conteudos daqui , como posso lhe falar o endereço dele ?

    ResponderExcluir
  2. E Eu ta queria saber gostaria de saber como fazer aparecer RESPONDER do lado dos comentartios do meu blog

    ResponderExcluir
  3. envie os endereço para nosso email, o endereço está no final do menu do lado esquerdo

    ResponderExcluir
  4. usando comentários do disqus ou intensedebate deve ser mais facil fazer a resposta:

    Colocar Comentários do IntenseDebate no Blogger

    Usar Comentários do Disqus no Blogger - Personalizar Caixa de Comentários

    mas vou pesquisar se é possivel fazer isso diretamente no blogger

    ResponderExcluir
  5. dicas blog como sempre dando boas dicas de como melhorar meu blog. Muito obrigado , pelas dicas eu sempre acompanho seu blog e acho sempre muito ajudador!.

    ResponderExcluir
  6. O Blogger devia ter essa opção de responder comentários.

    Boa dica de colocar músicas no blog, ainda melhor que o player não inicia automaticamente.

    ResponderExcluir
  7. Existe um jeito de anexar músicas isoladas em determinadas postagens ?

    ResponderExcluir
  8. sempre fico com um pé atraz para colocar músicas que abrem com o acesso do blog, tenho tido sorte com seguidores, bom gosto e sensibilidade nas escolhas musicais, Acredito que é por aí.Voc~e sempre nos ajuda com suas dicas. Obrigada.

    ResponderExcluir
  9. genteee, vcs dão dicas ótimas!
    adorei conhecer o blog.
    já coloquei vcs no meu blog.
    se quiserem dar uma olhada por lá eu vou adorar.
    silvanapintando7.blogspot.com
    algumas pessoas me informaram que o botão dos seguidores do meu blog está desativado. vc sabe o q pode estar acontecendo?
    também observei q o número de seguidores varia muito a cada acesso. uns dias tenho mais, outros menos.
    abraços.
    silvana.

    ResponderExcluir
  10. Valeu a dica, Fabiano! O único problema é que demora pra carregar e a música falha. Pena.

    beijo

    ResponderExcluir
  11. Fabiano exemplo:eu tenho um blog do cruzeiro,sera que dá para eu adcionar o hino do cruzeiro nesse site?

    ResponderExcluir
  12. Elis Culceag
    você poderia colocar a musica dentro da postagem. Em vez de colocar o código em um gadget como falamos coloque na postagem junto com seu texto então o player vai aparecer naquele post somente.

    Silvana
    não me lembro de ouvir falar nada sobre botão seguir desativado. Tente excluir o gadget dos seguidores e colocar novamente, veja também diretamente no site do google friend: Gadgets do Google Friend Connect, se tem algum aviso ou coisa parecida

    Paula
    notei que algumas musicas falham, mas arquivos de som geralmente são mais pesados e demoram mesmo

    Lucas
    se não achar em nenhum site, você pode se cadastrar e enviar o hino para o site de musica, a maioria deles permite cadastro e envio se musica.

    ResponderExcluir
  13. estou sem poder postar fotos na barra lateral dos meus blogs, sempre aparece a mensagem, você ultrapassou o limite de upload de fotos, como posso resolver este problema.

    ResponderExcluir
  14. Sou pregador e possuo algumas mensagens em Mp3, cada uma tem em média uma hora, vc sabe como posso disponibilizar elas em meus Blogs?

    ResponderExcluir
  15. Adauto Brasileiro
    suas duas perguntas basicamente tem a mesma resposta: as opções de hospedagem gratis são limitadas.

    hospedar MP3 de uma hora de duração talvez não ache como fazer isso gratuitamente, mas pesquise por hospedagem de mp3 e veja se encontra algum com espaço suficiente.


    no caso das imagens você atingiu o limite de armazenagem de imagens do Picasa, que é de 1GB, neste caso você precisa comprar mais espaço para armazenar suas imagens, deve ser o mesmo caso que li no forum do blogger: http://www.google.com/support/forum/p/blogger/thread?tid=1065cc61e0893f53&hl=pt-BR

    veja aqui: Mais Espaço para Hospedar Fotos e Imagens

    mas não é tão caro a hospedagem gratis é de 1 GB, mas por 5 dolares por ano você tem 20GB. Veja no link outros preços e limites de hospedagem

    ResponderExcluir
  16. Inserir uma música dá muito mais vida ao projeto (dependendo do nicho em que atua). Parabéns pela dica!

    ResponderExcluir
  17. parceiro, na hora de eu clicar no icone das ferramentas não aparece o widgets, oque devo fazer ?

    ResponderExcluir
  18. tente clicar f5 para atualizar a pagina deve ser algum erro momentaneo

    ResponderExcluir
  19. Cara, já tentei tanto e não estou conseguindo. Me ajude;

    ResponderExcluir
  20. @Alex Silva infelizmente não tem muito o que ajudar, você tem que entrar no site, achar a musica e copiar o código.

    mas algumas musicas estão com erro, então tente ouvir no site antes de copiar o código

    ResponderExcluir
  21. suas dicas são ótimas,valeu Fabiano!

    ResponderExcluir
  22. boa noite...aqui sabe me dizer pq o gadget de "parceiros" só aparece na pagina inicial do blog? se eu for pra pra segunda pagina ou entrar numa postagem o gadget de "parceiros" some... estrnaho isso ;/
    sabe me dizer o pq disso? abraços

    ResponderExcluir
  23. qual gadget de parceiros some? só se usou um código para ocultar gadgets, veja aqui Conteúdo diferente nas paginas do blog

    ResponderExcluir
  24. o gadget de "parceiros" meu ...mais só ele que some...nao importa aonde eu o coloco ele some...se eu sair de pagina inicial do blog...pior que nao coloquei nenhum codigo pra ocultar nd

    ResponderExcluir
  25. @Soh Pagode entrei no seu blog agora e aparece normal nas paginas das postagens também

    tente excluir seu historico de internet pode ser erro de carregamento da pagina

    ResponderExcluir
  26. eu exclui o gadget e coloquei de novo e ficou de boa
    vlww ae
    abraços

    ResponderExcluir
  27. deu ceeeeeeeeeeerto no meeeu fabianooooo,coloquei o hino do zêÊÊÊro

    ResponderExcluir
  28. eu tentei fazer tudo isso mais quando eu clico em ferramentas e depois clico em compatilhar nao aparece widget

    ResponderExcluir
  29. talvez a musica que escolheu não esteja disponivel, testei agora e funcionou perfeitamente

    ResponderExcluir
  30. Gostei muito da dica sobre como colocar música no blog.estava há um tempo buscando isso,mas não encontrava algo mais simplificado na web.Parabéns pelo site e muito obrigado!

    ResponderExcluir
  31. Cara valeu, muito obrigado pela explicação, deu certinho no blogspot, só não consegui no meu wordpress...to tentando, se tiver mais dicas agradeço...abração

    ResponderExcluir
  32. @Luis Henrique eu estava olhando o site e realmente não fala em nada especifico sobre o wordpress

    ResponderExcluir
  33. por favor nao to conseguindo , eu ja procurei varias vezes e em varios cantos essa engrenagem e nao achei por favor me ajude , desde ja agradeço

    ResponderExcluir
  34. você só encontra quando seleciona uma musica

    é claro que o site pode passar por mudanças mas sempre tem em algum lugar o codigo do player

    ResponderExcluir
  35. Oi, eu tenho um blog e quero colocar a música, fiz todo o procedimento certinho só que na hora aparace lá no meu blog "Desculpe, o Gadget está com problemas." O que eu faço ?

    ResponderExcluir
  36. @Juh Santos .' se o gadget está com problemas pode ser erro do site que hospeda a musica e gera o gadget.

    você pode esperar que volte ao normal (na maioria das vezes volta) ou achar a musica em outro site e pegar outro gadget

    ResponderExcluir
  37. Esse (Groovershark)site só deixa colocar uma musica no blog? Se eu quiser colocar outras musicas vou ter que ficar mudando sempre?

    ResponderExcluir
  38. sim é um playlist para tocar outras musicas terá que configurar novamente

    ResponderExcluir
  39. OLÁ QUERIA SABER SE TEM COMO COLOCAR HINOS QUE ESTÃO SOMENTE EM CDS, CANTORES QUE ESTÃO COMEÇANDO A CARREIRA AGORA ...SÓ TENHO OS HINOS NO MEU COMPUTADOR TEM COMO COLOCÁLOS NO MEU BLOG OU EM OUTRO SAIT OU WEBSAIT ???POR FAVOR ME AJUDEM ????

    ResponderExcluir
  40. @Daiane fagundes gomes você precisa hospedar as musicas em algum site não tem como usar diretamente do seu computador.

    geralmente os sites que tem musicas para colocar no blog permite que você faça um cadastro e envie suas musicas.

    ResponderExcluir
  41. Obrigado , vc tem ajudado muito!
    mas não consigo encontrar o código GadGet ?
    ajuda ae ...

    ResponderExcluir
  42. acho que precisa fazer o cadastro do site para pegar o código

    ResponderExcluir
  43. eu entro no site grooveshark.com vou no botão engrenagem e procuro por ferramentas só que não encontro o que faço?

    adoorei o blogger de vocês(:

    ResponderExcluir
  44. nosssssssssssssssssaaaaaaaaaaaaaaa adoro o site de vocêisssssssssssssssssss amo muito tudo issoooo vcs me ajudarão bastamte se não fosse vcs não daria pra min fazer um blog vcs tinha que ganhar um troféuu....continua assim

    ResponderExcluir
  45. me endique algum desses saits por favor para que eu possa enviar as musicas ...obrigado vcs são uma benção tem me ajudado muito !

    ResponderExcluir
  46. Daiane fagundes gomes
    além o deste tutorial você pode achar outros links sobre sites de musica, por exemplo na enquete sobre Quais os Melhores Gadgets e Acessórios para Blogs

    ResponderExcluir
  47. Não tem mais como compartilhar com o widget ?

    ResponderExcluir
  48. acho que precisa se cadastrar no site para pegar o código

    ResponderExcluir
  49. Coloquei um post falando sobre Vídeo e publicação e coloquei mais uma vez sobre seu post, que fala em colocar vídeo em blog:

    http://phabloprojetos.blogspot.com/2012/02/publique-videos-no-youtube.html

    ResponderExcluir
  50. Como faço pra por o link do meu site de música no meu blogspot?

    ResponderExcluir
  51. adoro esse site, sempre que preciso acho TUDO aqui! Obg!

    ResponderExcluir
  52. Olá, por favor, uma dúvida:
    É impressão minha ou o grooveshark tirou o recurso de criar um widget?
    Pela minha conta não consigo mais acessar essa ferramenta.

    ResponderExcluir
  53. você se cadastrou no site? precisa fazer o cadastro para pegar o codigo

    ResponderExcluir
  54. Sim, eu cadastrei.
    Tenho uma conta lá provavelmente há mais de um ano.
    A engrenagem não aparece pra mim com essas opções, apenas um botão de "share" separado da engrenagem e que abre uma nova janela sem a opção do widget.
    Curioso é que eu já usei o widget no facebook outras duas vezes, e se eu clico no link dos widgets q já postei (no link "build a widget!")[http://widgets.grooveshark.com/make?new&type=0] lá também não consigo retorno. "404 not found"

    Será que é pq eu fiz upload de música q eles bloquearam essa ação?
    Enfim, grato pela atenção.

    ResponderExcluir
  55. se tiver muitos códigos na sua pagina pode estar ocorrendo erros entre eles.

    então seria bom retirar alguns

    ResponderExcluir
  56. O site está nov agora,não tem opção widget!o que eu faço agora?

    ResponderExcluir
  57. ainda não tenho um novo tutorial com o novo layout do site.

    mas tente procurar o site deve ter colocado o código num jeito facil de achar

    ResponderExcluir
  58. E aí Fabiano já sabe onde está a opção Widget?

    ResponderExcluir
  59. Ah já achei!!!! É em compartilhar > incorporar...
    Aí escolhe a cor do player e copiar link! Legal! Pena que falha e quando muda a postagem a ser vista a música para!

    ResponderExcluir
  60. em alguns sites é preciso fazer um cadastro para pegar os códigos.

    mas deve estar em alguma opção como: compartilhar, share, incorporar

    ResponderExcluir
  61. é normal parar a musica ao trocar de pagina

    ResponderExcluir
  62. O site mudou de layout, mais continua o mesmo tutorial?

    ResponderExcluir
  63. vamos fazer outro tutorial com o novo template do site

    ResponderExcluir
  64. Eu nao to conseguindo colocar uma musica no meu Blog... nao aparece essa opção nesse site Grooveshark para por no meu Blog e nao sei como criar Widget, só aparece adicionar Gadget

    ResponderExcluir
  65. adorei a dica, mas como faz pra colocar varias musicas?

    ResponderExcluir