Como colocar um playlist mp3 no seu blog
byALF | 
sábado, junho 30, 2012
Mú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
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:
<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…
1 comentários:
O provedor ToqueParaCelular atualmente fornece toques para celular em todo o mundo gratuitamente. Faça o download rápido e instale no seu celular.
Postar um comentário