Como fazer um player automático de música no Blogspot

Escrito por jay leon | Traduzido por laura pinheiro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

A plataforma de blogs do Google "Blogspot" é capaz de tocar música automaticamente no seu site com a ajuda do dispositivo HTML/JavaScript, um dos elementos mais úteis e flexíveis do Blogspot. Incorporação de música requer apenas uma pequena quantidade de códigos com um link para o arquivo de origem.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

    Codificando

  1. 1

    Localize o endereço da Web ou URL do arquivo de música que você deseja usar. Se não estiver online, faça o upload do arquivo para um host da Web. Copie a URL completa, incluindo o "http://".

  2. 2

    Crie um documento de texto em branco no bloco de notas ou outro editor de texto ou HTML. Digite a tag "<embed>" como se segue:

    <embed> </ embed>

  3. 3

    Digite o atributo "src" dentro da tag "<embed>" da seguinte forma:

    <embed src=""></embed>

  4. 4

    Clique entre as aspas com o botão direito e clique em "Colar". Isso insere a URL do arquivo de áudio no campo de valor da tag. O código agora é o seguinte:

    <embed src="arquivo de áudio aqui"></embed>

  5. 5

    Digite o atributo "autoplay" dentro da tag "<embed>", tal como fez o com "src". Insira um valor de "true":

    <embed src="arquivo de áudio aqui" autoplay="true" ></embed>

  6. 6

    Adicione o atributo "hidden" na tag, se você deseja que o console de música fique invisível para o usuário. Caso contrário, insira os atributos "width" (largura) e "height" (altura) especificando as dimensões da área de música. Esse exemplo usa o atributo "hidden":

    <embed src="url" autoplay="true" hidden ></embed>

    Esse exemplo não usa o atributo "hidden":

    <embed src="url" autoplay="true" width="100" height="30" ></embed>

  7. 7

    Adicione o atributo "loop". Digite um valor de "true" se você quer que a música toque perpetuamente, caso contrário, digite "false":

    <embed src="url" autoplay="true" loop="false" hidden ></embed>

  8. 8

    Clique e arraste o cursor do mouse sobre o texto inteiro, clique com o botão direito e selecione "Copiar".

    Incorporando

  1. 1

    Entre na sua conta Blogspot. Clique na seta drop-down, depois clique em "Layout".

  2. 2

    Aponte o cursor do mouse onde você quer inserir a música. Clique no link "Add a Gadget" (Adicionar um gadget) dentro dessa área. Na categoria "Basics" (básico), clique em "HTML/JavaScript".

  3. 3

    Verifique se você está no modo HTML puro. Se você ver o link "Editar HTML" no lado direito da barra de ferramentas, clique nele, se você ver "Rich Text", não clique nele.

  4. 4

    Vá para a caixa de entrada. Clique com o botão direito do mouse e selecione "Colar" para inserir o código que você escreveu antes. Clique em "Salvar".

  5. 5

    Clique em "View Blog" (Ver Blog). Ligue o som do computador e ouça a música para testar.

Dicas & Advertências

  • Se a música que você quer tocar é de um site de música de terceiros, ela pode ter seu próprio código de incorporação. Vá para o site de origem e siga as instruções para copiar a mídia em um blog. Você não precisa escrever o seu próprio código, basta copiar o código fornecido.
  • A tag "" é nova no HTML 5, e é suportada por todos os principais navegadores.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível