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
Criar Widget de Musica - Colocar Musicas no Site ou Blog
4/ 5
Oleh

80 Comentários

16 de novembro de 2011 14:32 delete

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

Reply
16 de novembro de 2011 14:41 delete

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

Reply
16 de novembro de 2011 15:10 delete

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

Reply
16 de novembro de 2011 15:28 delete

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

Reply
16 de novembro de 2011 17:35 delete

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!.

Reply
16 de novembro de 2011 19:29 delete

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.

Reply
16 de novembro de 2011 19:40 delete

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

Reply
16 de novembro de 2011 20:13 delete

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.

Reply
16 de novembro de 2011 20:53 delete

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.

Reply
16 de novembro de 2011 20:58 delete

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

beijo

Reply
17 de novembro de 2011 13:40 delete

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

Reply
17 de novembro de 2011 14:14 delete

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.

Reply
17 de novembro de 2011 21:20 delete

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.

Reply
18 de novembro de 2011 14:21 delete

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?

Reply
18 de novembro de 2011 14:59 delete

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

Reply
21 de novembro de 2011 10:59 delete

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

Reply
21 de novembro de 2011 18:44 delete

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

Reply
22 de novembro de 2011 14:14 delete

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

Reply
22 de novembro de 2011 18:01 delete

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

Reply
23 de novembro de 2011 16:19 delete

@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

Reply
24 de novembro de 2011 17:04 delete

suas dicas são ótimas,valeu Fabiano!

Reply
25 de novembro de 2011 23:29 delete

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

Reply
26 de novembro de 2011 00:21 delete

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

Reply
26 de novembro de 2011 02:49 delete

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

Reply
26 de novembro de 2011 13:42 delete

@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

Reply
27 de novembro de 2011 03:12 delete

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

Reply
30 de novembro de 2011 12:19 delete

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

Reply
Anônimo
30 de novembro de 2011 15:42 delete

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

Reply
30 de novembro de 2011 15:56 delete

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

Reply
8 de dezembro de 2011 17:26 delete

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!

Reply
26 de dezembro de 2011 16:51 delete

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

Reply
26 de dezembro de 2011 17:02 delete

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

Reply
27 de dezembro de 2011 20:06 delete

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

Reply
27 de dezembro de 2011 21:07 delete

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

Reply
1 de janeiro de 2012 16:26 delete

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 ?

Reply
1 de janeiro de 2012 16:37 delete

@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

Reply
11 de janeiro de 2012 12:53 delete

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

Reply
11 de janeiro de 2012 16:34 delete

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

Reply
13 de janeiro de 2012 13:01 delete

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 ????

Reply
13 de janeiro de 2012 15:39 delete

@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.

Reply
15 de janeiro de 2012 10:56 delete

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

Reply
15 de janeiro de 2012 13:24 delete

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

Reply
24 de janeiro de 2012 17:47 delete

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(:

Reply
25 de janeiro de 2012 17:56 delete

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

Reply
26 de janeiro de 2012 18:46 delete

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 !

Reply
27 de janeiro de 2012 23:51 delete

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

Reply
18 de fevereiro de 2012 04:31 delete

Não tem mais como compartilhar com o widget ?

Reply
18 de fevereiro de 2012 14:38 delete

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

Reply
19 de fevereiro de 2012 02:51 delete

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

Reply
1 de março de 2012 14:12 delete

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

Reply
3 de março de 2012 15:52 delete

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

Reply
Luis
16 de março de 2012 20:24 delete

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.

Reply
17 de março de 2012 00:45 delete

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

Reply
Luis
18 de março de 2012 12:50 delete

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.

Reply
19 de março de 2012 00:59 delete

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

então seria bom retirar alguns

Reply
27 de outubro de 2012 21:01 delete

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

Reply
27 de outubro de 2012 22:32 delete

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

Reply
29 de novembro de 2012 16:42 delete

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

Reply
29 de novembro de 2012 16:42 delete

Essas tuas dicas são demais! Valeu!!

Reply
29 de novembro de 2012 17:04 delete

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!

Reply
29 de novembro de 2012 17:22 delete

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

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

Reply
29 de novembro de 2012 17:23 delete

é normal parar a musica ao trocar de pagina

Reply
4 de dezembro de 2012 12:36 delete

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

Reply
4 de dezembro de 2012 16:54 delete

vamos fazer outro tutorial com o novo template do site

Reply
12 de dezembro de 2012 12:16 delete

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

Reply
19 de novembro de 2013 01:27 delete

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

Reply
23 de janeiro de 2016 12:26 delete

Eu gosto muito de música eu quero ter um blog pra mim postar meus vídeos

Reply
23 de janeiro de 2016 12:30 delete

Por que eu não posso ter um blog com essa conta?

Reply
23 de janeiro de 2016 14:21 delete

quando a conta é nova pode demorar um pouco pra aprovar...

Reply