PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

30/06/2012

Como colocar um playlist mp3 no seu blog

PlaylistMúsicas no blog

Para inserimos músicas no blog, podemos utilizar várias recursos, aplicativos e códigos scripts. No artigo Como inserir músicas (áudio) no seu blog… mostramos alguns códigos bem legais para isso…

Agora, se você precisar inserir um playlist com várias músicas, siga abaixo a nossa dica a seguir:

Inserindo um playlist MP3

image

1- Armazene suas músicas na internet

Antes de mais nada, suas músicas mp3 deverão estar hospedadas na internet

Se você possui um site hospedado, poderá enviar seus arquivos de áudio para o servidor via FTP (O que significa FTP e para que serve? – recomendo que utilize o software Filezilla).

Se você não possui um servidor ou não sabe com utilizar transferência via FTP, poderá deixar hospedado seus arquivos gratuitamente no Tunes Bag, ou em qualquer outro aplicativo para armazenagem de arquivos em nuvem…

No nosso exemplo, hospedamos os arquivos no servidor do Visual Dicas

http://visualdicas.com.br/musicas/SinfoniaNo9Beethoven.mp3

http://visualdicas.com.br/musicas/SinfoniaNo5Beethoven.mp3

2 – Copiar scritpt

Copie o código abaixo:

accepted_48

<p><a href="song1.mp3">Título - Música 1</a></p>

<p><a href="song2.mp3">Título – Música 2</a></p>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

3 – Cole no blog

Suas músicas então poderão ser inseridas  diretamente no post (usando o editor HTML quando estiver escrevendo um artigo) ou no sidebar do blog, usando widgets (leia: Como instalar um Widget no seu Blog -(Blogger)  e Como inserir Widgets no Wordpress sem a instalação de plugins).

5- Altere os campos escritos em vermelho

Substitua os campos em vermelho. Coloque o link das músicas hospedadas e os seus respectivos títulos. Acrescente quantas músicas desejar….

Veja nosso exemplo abaixo:

<p><a href="http://visualdicas.com.br/musicas/SinfoniaNo9Beethoven.mp3">9a. Sinfonia de Beethoven </a></p>

<p><a href="http://visualdicas.com.br/musicas/SinfoniaNo5Beethoven.mp3">5a. Sinfonia de Beethoven</a></p>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

E o código em ação…

9a. Sinfonia de Beethoven

5a. Sinfonia de Beethoven

byALF

1 comentários:

Marlane Do Santos Rocha disse...

Melhore seu posicionamento no Google e em outros buscadores com nosso Backlinks Grátis
http://www.backlinksgratis.ga

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More