View Full Version: Playlists On Blogs

Cloud x Aerith > Suggestions and Help > Playlists On Blogs



Title: Playlists On Blogs
Description: How do you add one?


Lutearina - July 21, 2006 04:33 PM (GMT)
I was wondering how to add a playlist to your blog...I really want to add one. xD I have BlogSpot. ^_^ I just want to know how to create it, and add more songs, etc. :sweat:

Imaginary__girl - July 21, 2006 04:37 PM (GMT)
blogring.net has lots of playlist codes, thats where I got my playlist for my xanga (I bet the codes work the same with a Blogspot). And to add songs on it, just follow the instructions given to you when you pick a playlist. And when you do get one, go to singingfish they have a lot of mp3's to choose from.

Lutearina - July 21, 2006 04:41 PM (GMT)
Thank you so much! I'm currently playing music on your playlist, actually. Arigatooo!!! :huggle: xD

Hmmm....This is more difficult than I thought. I am horrible with codes and HTML stuff.....I could seriously use some help here. :sweat: Could someone explain this to me? xD

Imaginary__girl - July 23, 2006 04:21 PM (GMT)
Its ok Lute. I was confused how to set it up at first too. Ok so heres a playlist code:

QUOTE
<!-- begin code provided by blogring.net -->

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">

<p style="text-align: center">
<select style="FONT-SIZE: 8pt; BACKGROUND:#transparent; WIDTH: 150px; COLOR: #33666; font-face: verdana" name="playlist" size="1">
<option value="0">Kennedy</option>
<option value="1">SONG NAME HERE</option>
<option value="2">SONG NAME HERE</option>
<option value="3">SONG NAME HERE</option>
<option value="4">SONG NAME HERE</option>
<option value="5">SONG NAME HERE</option>

</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p>
</form>
<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1;  // set to 0 to always play first song in list
            // set to 1 to randomly choose the first song to play
songs=new Array();
songs[0]="SONG URL HERE";
songs[1]="SONG URL HERE";
songs[2] ="SONG URL HERE";
songs[3] ="SONG URL HERE";
songs[4] ="SONG URL HERE";
songs[5]="SONG URL HERE";

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>

<!-- end code provided by blogring.net -->


Now, do you see the parts that say: <option value="1">SONG NAME HERE</option>

That part of the code is the titles for songs. Just insert the title of the song where it says "SONG NAME HERE" and if you want to add hundreds of songs, just change the option values to higher numbers as you go along.

Ok, and the part that says: songs[0]="SONG URL HERE";

Just add the URL there. Like "http://song.mp3"; MAKE SURE TO ALWAYS PUT THE SEMI-COLON AFTER THE URL. I always forget! XD And again, if you want to add more songs, just increase the value. Hope this helps you some. I know I'm not the best at explaining things. Just ask if you have any questions.




Hosted for free by InvisionFree