Colocar música no blog (toca automaticamente)

Sabia que é possível colocar música no seu Blog utilizando o YouTube? Para isso, basta fazer umas pequenas alterações no código de incorporação dos vídeos.

Você poderá adicionar a música na barra lateral do seu blog, ou inserir diretamente nos seus artigos (as músicas tocam automaticamente).

Antes de prosseguir, relembramos os leitores que também já foram abordados os seguintes temas no Montar um Blog:

Como colocar música no blog

1. Em primeiro lugar, procure no YouTube a música que pretende inserir no Blog.

2. Na parte inferior do vídeo clique no botão “Partilhar” > “Incorporar”. Para terminar, desmarque a opção “Mostrar vídeos sugeridos quando o vídeo terminar” (caso se encontre ativa) e clique no botão “Copiar”.

incorporar video do youtube no blog

3. Cole o código de incorporação num editor de texto (Word ou Bloco de Notas). Agora, será necessário fazer as alterações ao código de incorporação. Na prática, basta reduzir os valores dos atributos “width” e “height” para “5”.



4. Agora, adicione o termo “-nocookie” a seguir a “www.youtube”, ficando o resultado final “www.youtube-nocookie.com”. Portanto, o aspecto final do seu código deverá ser semelhante ao seguinte:

<iframe width="5" height="5" src="https://www.youtube-nocookie.com/embed/agKnssRI2W4?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Incorporar a música no Blog

Agora basta adicionar o código de incorporação “transformado” no seu Blog. Se pretende adicionar a música na barra lateral, aceda ao Menu Design – Elementos de página – adicione uma miniaplicação de HTML/Javascript. Cole o código de incorporação da música e guarde as alterações. É aconselhável arrastar a miniaplicação para o rodapé do seu blog.

Colocar música no blog

Se pretende adicionar a música diretamente nos artigos, basta aceder ao editor de mensagens do Blogger (onde escreve o seu artigo) e clicar no botão “Editar HTML” (ao lado de Redigir) no topo direito do editor. Cole o código de incorporação e guarde as alterações.

redigir html no blogger

Partilhar:

Deixe um Comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *