Originally this post was a request for information as to whether I could iframe the Ning music player into its own page, and remove the module from the home page. For the past few weeks I have been reworking my customization offline, most of what I have planned has yet to be added to my site. One thing I will require is more home page space for other things. 

If you want to keep your music, but don't want it on the home page, this tip is for you. To get started, create a page and switch to HTML mode in your text editor. Next, click on the popup icon in your music player. When the window opens, copy the link from the navigation bar. Insert your player link into the iframe code. I've posted the code below, make sure you replace "yourmusicplayerurl" with your actual music player url (I've chosen to use the full width of the page, but it's not necessary).

<p><iframe width="100%" height="1100" scrolling="auto" frameborder="0" src="http://yourmusicplayerurl"></iframe></p>

Once you have saved your page, head to your Features Layout and drag the music player off of your home page. Your music player now has its own page, and you have room on your home page for other things.

By the way, since I'm not finished customizing my network, my music player is still on the home page, and the page I created for it is visible only to me. You can have a look at it in the screen shot below.

UPDATE:


There was a problem with this tip, but with the help of Fire-Tech, I worked it out. The problem with the initial tip was that (as Soaring Eagle pointed out) it removed the player from member's profiles as well. Not good, especially for a community of musicians. The trick was to find a way to hide the music player module on the home page instead of removing it via Features Layout. Fire-Tech devised a code to do just that, but then I noticed two other problems:

1) The upload link does not show on the iframed page.

2) When I made the music player visible on the temporarily so that I could access the upload link, anything I uploaded was not added to the player.

Here's my solution:

I embedded the player into the page instead of iframing it. I bookmarked the uploader page, and the Edit Playlist page (so that I can remove or edit tracks). Now I can upload the music from the bookmarked uploader, and the tracks will appear in the embedded player. You can set your own width for the page to whatever you like.

Here is Fire-Tech's code to hide the player on the home page:

/* Hide music module on main page for P */
.xg_widget_main .music {
display: none !important;
}

Tags: iframe, iframe page, music module, music player

Views: 345

Reply to This

Replies to This Discussion

Seems I've answered my own question! It works, just in case anyone else is interested.

Yeah, it worked! Next, I'm going to use Jen's tip to theme the page with a nice image.

well ..it does not work as u would hope!  if you remove it as a feature iy=ts no longer on members pages they cant add music uyea it still shows i=up in the page  but this is not a good solution

i  would have =loved it if it did not remove it from members pages as a feature

unchecking show playlist tho speeds up load times and  takes up less space

Crap! I was wondering why one of my members tracks disappeared the other day! Is there a way to somehow hide the module on the home page, and still keep the dedicated page for the music player?

Thanks for both your responses.

I can think of a couple of ways we might be able to do it. Play with it tomorrow..

Thanks brother!

Just to let you all know, I've updated the discussion. With the assistance of Fire-Tech, the obstacle to my goal has been removed!

I love the idea of having the music player on its own page, but I was hoping that we could see more songs in the player itself. For example, if I choose the "Playlist" option for the player (Play: Playlist), then I can add up to 100 MP3s to the player, and they will all appear in the player... all 100 of them. But if I choose "Highest Rated" instead, then it's limited to just 20 songs. Is there any way to increase the number of tracks that appear for "Highest Rated" or "Latest"?

I wish there were a way, or that I knew of a way, bro. Unfortunately, I don't have an answer for you. 

My playlist looks empty only because I haven't uploaded enough tracks, I need to request tracks from some of the artists I have now, then wait until I get more signing up.

How about using the musing player URL for "recently added"  then switching the player on the home page to "featured".. might work if you DONT have any featured songs.

Worked great on my site MyCreationz

RSS

Latest Activity

Larry Matthews replied to Larry Matthews's discussion 'Photos'
"I have a script for ning 2.0 that uses these classes below.  I was trying to convert it to…"
14 minutes ago
Gary Lefko replied to Allison Leahy's discussion 'General feedback'
"Thx for quick response!"
21 minutes ago
Melinda Orr replied to JFarrow's discussion 'Ning Emails Going to Spam?'
"Chris I'm experiencing the same problem with my site...did you get this issue resolved? Any…"
40 minutes ago
John Bizley replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"You are welcome CocteauBoy and yes by seeing them side by side you get a better idea. My site will…"
44 minutes ago
John Bizley replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Hi Dustin and thanks for your kind remarks about my site. To get the texture for my content I used…"
52 minutes ago
Allison Leahy replied to Allison Leahy's discussion 'General feedback'
"Hi Gary, If you were to transition your Ning 2.0 Network to the Ning 3.0 Platform and membership…"
53 minutes ago
Suzie Nielsen replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
" Dustin, Please check my 3.0 site, I would like to discuss linking to your site in my…"
1 hour ago
Writer Chick {Diane} replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"It's the versatility of it that I like, AND the fact that I can now make my network look…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service