Add pop-up music player from MixPod

by boithok.admin April 7th 2010, 4:31 pm

Hi,

I have seen the following link.

https://help.forumotion.com/script-code-problems-f43/add-a-music-player-from-mixpod-to-your-site-t53832.htm?highlight=music+player

But unfortunately, this could not help me much. I have made a playlist in Mixpod and embedded it in my board. But how can I make this player pop-up to a new window whenever any member wants? I am pasting the code below. It would be great to know at which places I should edit/ include new code to get the desired result.

Code:: <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzA2NTA*NDUwNjImcHQ9MTI3MDY1MDQ2NjkzNCZwPTE4MDMxJmQ9Jmc9MSZvPWY4YmI5NTJjMTVjNjRlMjBiNGMy/MzA5Y2EzYjZjY2Zi.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mff-circle.swf" height="110" width="110" style="width:110px;height:110px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mff-circle.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=50112431&path=2010/04/07&mycolor=E8E098&mycolor2=A17E68&mycolor3=785641&autoplay=true&rand=0&f=4&vol=100&pat=8&grad=false"/></object><br><a href="http://www.mixpod.com/playlist/50112431" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.myflashfetish.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist"></a><br /><a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a></p></center>

This is the embedding code for myspace.

Regards,
boithok.admin

by kirk April 10th 2010, 7:51 pm

First you have to place your mixpod code on a html page.

then all you do is add the link to your html page in this code below.

Code:: <center><table cellpadding="0" cellspacing="0" border="0px"> <table><tr><td onMouseover="this.bgColor='#f00edc"'"onMouseout="this.bgColor=''"><a href="YOUR HTML LINK HERE" style="text-decoration:none" target="popup72" title="text" onclick="window.open('YOUR HTML LINK HERE', 'popup85', 'width=500,height=110,height=110,left=200,top=275,scrollbars=yes'); return false"><font face="Times New Roman"><span style="font-size: 24px; line-height: normal">POP-OUT MIXPOD </span></font></td></tr></table></a></td></tr></table></center>

Then you can always adjust the width and height of the pop-out and all so add your own color code for the mouse over where it says this big color at the top and add what ever color you want the color above is this.

#f00edc you can go to your admin panel color list and adjust a color you like to get the code number.. be sure when place the color code and the links you place them exactly how it is above.. put the link in place of where it says your html link exactly where that is and the same for the color code.

here is an example of your code in the last reply of this post on my test board. how ever there is nothing playing on that. so you might have to get a new code from mixpod.. but it will be done as explained above the same way. oh and notice there are two places to add the html link in the code too. you have to have the link in both places.

http://evolymrobynb.forumotion.net/november-f4/mix-pod-pop-out-example-t43.htm#56

oh here is a code to have a background in the html page.

Code:: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Your page</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="author" content="rono"><meta name="description" content="My Custom Page"></head><body style="background:url(YOUR DIRECT IMAGE LINK HERE);background-attachment:fixed;"bgcolor="#111111" text="#000000" link="#000033" vlink="#000033" alink="#000033"><link rel="shortcut icon" href="Your cool Favicon link here"></body></html>

Special thanks to rono for this method and his coding Smile

by boithok.admin May 5th 2010, 4:11 pm

kirk wrote:First you have to place your mixpod code on a html page.

thanks for the elaborate response. but i could not understand from where i shall get the html page? is there any place in the board itself to create a html page?

by kirk May 5th 2010, 4:44 pm

yes

Go to admin panel>modules

all the way at the bottom of the page you will see html pages management.

so you just create a html page past you mixpod player code in there and hit save.

now go back to the html pages management and you will see the page you create.. that is the link you will have have to add to the pop out player.
remember you will have to adjust the dimensions of the code for the pop-player as you you want it to appear.

if you have any problems just post the link to the html page and i can set it up for you..

by boithok.admin May 6th 2010, 4:30 am

Dear Kirk, thanks a lot! I am almost done. But a little more input from your side will help me to understand the code better and save further conversation on this same topic.

The URL of the Music Player is

Code:: http://boithok.forumotion.net/Boithok-Music-Player-h1.htm

Why are there two height values specified in the following code?

Code:: onclick="window.open('YOUR HTML LINK HERE', 'popup85', 'width=500,height=110,height=110,left=200,top=275,scrollbars=yes')

Could you please explain the following part?

Code:: <td onMouseover="this.bgColor='#f00edc"'"onMouseout="this.bgColor=''">

Is it to change the colour of the font only, when the mouse is over or out of the text?

Sorry for hurling this bunch of questions. But hope this thread will remove doubt about pop up music player for all other members too!

Thanks in advance....once again.

Add pop-up music player from MixPod

Add pop-up music player from MixPod

Re: Add pop-up music player from MixPod

Re: Add pop-up music player from MixPod

Re: Add pop-up music player from MixPod

Re: Add pop-up music player from MixPod