Current status of the Ning Platform is always available on the Ning Status Blog.

This code will dock your music player to the right side of your Main page. if you want to use it for your whole network just remove this part of the code ( .xg_widget_main_index_index ) out of both codes

it's working perfectly for me in Windows XP through Window seven and browsers Internet Explorer 7-8-9,  Mozilla Firefox and Google chrome. this code is just a fixed code so it will work in any browser and on any operating system.

some networks it's better to put the code in the add box above or below the header or in your NC custom code box But in most Cases it will work in your design studio advanced CSS

<style>
.xg_widget_main_index_index DIV.xg_module.music EMBED.xj_music_embed{
    font: 11px Helvetica,Tahoma,Arial;
    z-index: 3333 !important;
    cursor: pointer;
    position: fixed;
    top: 40px;
    right: 0%;
    max-Width:50px!important;
    max-height:120px!important;
border-radius:0px!important;}
.xg_widget_main_index_index DIV.xg_module.music EMBED.xj_music_embed:hover{
    font: 11px Helvetica,Tahoma,Arial;
    z-index: 333333 !important;
    cursor: pointer;
    margin-left: -0px;
    position: fixed;
    right: 0%;
    max-Width:400px!important;
    min-height:300px!important;
    max-height:600px!important; }
</style>

click here to see it live

 

Docked to the right side

 

When you put your mouse over the docked music player it pops out to full-size

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • GOOD GOD GEORGE..!!!THE 3 G`S,LOL

    • lol All right is that the good 3 G's or the bad one lol

  • nice

  • Great tip George! tried the code on my site not working on google chrome.

    • it's working perfectly for me in Windows XP through Window seven and browsers Internet Explorer 8-9,  Mozilla Firefox and Google chrome.

      sometimes it takes a few minutes for the catch to Catch up.  :-)

  • This reply was deleted.
    • it will work now I took the word columns_2 from the code LOL

    • I've implemented the music player on your network.:) it's working perfectly you just didn't wait for the catch to catch up LOL.. some networks it's better to put the code in the add box above or below the header or in your NC custom code box But in most Cases it will work in your design studio advanced CSS.. http://wellkunnected.com/

  • Works and looks great George, on CRF. Wish Leanna wasn't so purple happy. Great job my friend. 

  • Excelent Tip George... But one question.. how you do it to put only those songs ?... I mean, if I want to keep a list of songs I want every member hear when they get into the page.. how can I do it ?....

    Thanks

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Kathleen (SunKat) updated their profile
Feb 20
Scott Bishop posted a discussion
OMG! AI does it all. Anything you want to light up your Ning site, just ask Google AI. That's what…
Feb 5
Scott Bishop replied to Alex - Rosas † Negras's discussion
HTML Browser Popup Window Generator,possible with a click to have the window open for ning or other pages, this is my example
"Where at in a 3.0 website do you paste the code to? "
Feb 3
Scott Bishop replied to George H. Compton IV's discussion
(Ning 2 and 3) welcome / sign-in and sign-up pop-up module. Updated Aug 24, 2017
"Hi George, I'm not sure if this tip has been outdated or for some reason it's not working on my…"
Feb 3
Eva updated their profile
Jan 28
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"https://community.surfoutlook.com/
However, it's been solved. Ning helped me out with it. "
Jan 27
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I don't remember your site, I'll check for you, can I have the link?"
Jan 26
Scott Bishop replied to ⚡JFarrow⌁'s discussion
🖼️ Improve Accessibility & SEO on Your Ning Photo Pages by Automatically Adding ALT Text from Photo Titles
"On your step 3 where you say "Paste in the script below", I'm not finding that. Did you forget to…"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I think that setting was switched over to Admin as a default when I converted from 2.0 to 3.0…"
Jan 25
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"settings members must post, if you put ADMIN it is FORBIDDEN TO PEOPLE"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I got an answer back from Ning Support within an day. It was a setting that somehow slipped out of…"
Jan 22
Scott Bishop posted a discussion
I just realized that my members can no longer post pictures, videos, blogs, events, or anything…
Jan 21
More…

Meanwhile, you can check our social media channels