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

FORUM

Give your members the ability to add videos and CSS styles to their profile!!!

Update JUN 12, 2018

Note ( if you're using my gframe code for fluent videos on your network remove it and just change the ID in the JavaScript below to id="gframe" )

I've updated, enhanced & integrated AnGella and SweetPotatos codes into my codes.  Click here   or  here  to see it live. If you're at work turn your volume down I do have a video set to autoplay.
Be sure to go to AnGella and SweetPotatos tip and thank them for the work they have done.  Both their tips have been updated here on creators so if you'd rather use there tip it's all good :)

First you'll need to set up the (profile questions) then add the (about module)  to a (tab Container) on your profiles.

Setting up the two questions

These two profile questions should be the first two questions out of all questions you're using for your network. You can easily drag them up to the top of the list to make them questions one and two. Don't worry these two questions will not display while signing up to the network, they'll only display in the members profile options.

AnGellas Add CSS to Member Profiles
Ning 3.0 Tip: Add CSS to Member Profiles Do not use the code from AnGella tip If you're going to use my codes..

Setup Question 1) To add this feature to your Ning 3.0 site you will need to add a profile question that contains the words "add CSS".It is case-sensitive.  You will want to set the answer to use the Long Answer option. Make sure you do not set the question to "required" or "private" because this question doesn't display during sign-up.

Example:  Style Profile, add CSS codes

SweetPotato's "Profile Embed" 
Ning 3.0 Tip: Insert Videos and Music Players on Profile Pages Do not use the code from SweetPotatos tip If you're going to use my codes.

Setup Question 2)  Add a Profile Question to your Ning 3.0 site. Make it a "Website Address" answer and you MUST include the word 'embed' in your question. Make sure you do not set the question to "required" or "private" because this question doesn't display during sign-up.

Example: Add videos, <iframe embed code

 

The "Profile Style, add CSS codes" question should be added before the "Add videos, <iframe embed code" question. These two profile questions should be the first two questions out of all questions you're using for your network. You can easily drag them up to the top of the list to make them questions one and two.

Note ( if you're using my gframe code for fluent videos on your network remove it and just change the ID in the JavaScript below to id="gframe" )

The Code

This code  go's in your  ( Custom Code - End of Page Code box )


<!-- Start GEOCOM's "Embed Mod" RT v13.4 -->
<!--  JavaScript #id & class calls *
 * id="no_gf" = MOD  " Fluid videos only in the mod DIV "
 * id="gframe" = MOD + gframe v11.5, Fluid videos throughout your whole network *   
 * ************************************  
 * class="cell_on UFOan" or class="cell_off UFOan"
 * will turn the video MOD on or off for cell phones and portable devices 1024px or smaller *
 * ************************************  
 * theme Any = add to the class (  UFOan , Origan , Botan , Topan or Bot2an  ) *
 * ************************************  
 * Change the "id" and "class" to "null" to only have the CSS feature enabled *  
 *  -->
<script src="https://bit.ly/2zvqAIE" type="text/javascript" id="gframe" class="cell_on UFOan"></script>


<style>
HTML body DIV.central-content .activityFeed-embed[data-type="video"] > .activityFeed-embedContent, HTML body DIV.central-content .activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent {
padding-bottom: 15px !important;
}

HTML BODY .fluidvids-item {
position: absolute!important;
}
</style>

After the questions & codes are added you and your members will be able to style and add videos to your profile.

Go to your profile, press the option button and select edit profile to style your profile and add videos.

Click here   or  here  to see it live.

NEW MOD

GEO_mod_RT_v13.2_5xAN

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • hi George can you do this for my site please 

    thank you

    • Of course I will Mary you have a great day. :)

      • ho thank you so much :) George  your a star :) as always 

    • Okay Mary go check out your profile. :)

      Click to go to YOUR PROFILE

      • ho thank you so much :) George  your a star :) as always 

        looks great, your great when come to codes and redesign sites   

        would you be able to sort out my n2 for me please , I have pm you 

        thank you  :)

  • NC for Hire

    A version that works on v2 Ning 3.0 themes has been on my portfolio site here for a while but I have also updated my original plugin on Creators as I had previously failed to do that.

    SP

    • That's great SweetPotato I will update this discussion to reflect that. :-)

      I was wondering when you're going to update your tip here on creators.

      • NC for Hire

        I don't tend to visit here so often for various reasons but this caught my eye so thought i'd update.

        SP

        • I've noticed you haven't been around along with a lot of other creators. Makes me sad. :-(

          Have you checked out the codes I wrote for this? What do you think about my codes and updates?

This reply was deleted.

Announcements

 

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

Fernando Bisbal replied to Fernando Bisbal's discussion
The name of the groups is not shown in the urls
"I have another proof of what I am saying here is true. and it can be checked easily.
If you copy th…"
28 minutes ago
Henry Taylor commented on Gerard Nealy's blog post SSL Certification
"In March 2018, the person who created our account (non-techie but had the credit card) checked the…"
51 minutes ago
Drake Vargas replied to Victoria_NING's discussion
iDeal – new payment method on the NING E-commerce platform
"Great news, thank you for the update! Hope this will help my network"
yesterday
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there Kyryl. I wanted to put it to be like this in the picture. "
Thursday
Kyryl_Ning_Support replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there!
You should modify the script a bit. Instead of the .ningbar-userLinks li:last-child there…"
Thursday
Gavin Brown replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Thanks Kyryl, I have replied 
Gavin"
Wednesday
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there Kyryl, I wanted to put the logged in members picture in a custom box on a page? how can I…"
Wednesday
Kyryl_Ning_Support replied to Jen's discussion
Make Your Image Avatars Stand Out On Home Page
"Hi there!
As I see on your network you already have the rainbow background for borders of the image…"
Wednesday
Fernando Bisbal replied to Fernando Bisbal's discussion
emails that do not arrive
"anjegufe@orange.esanjegufe@ya.com
These two emails never receive anything from NING, your user unde…"
Wednesday
Kyryl_Ning_Support replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there!
You can try something like this:
<script>
if (ning.CurrentProfile!=undefined){x$('.ningba…"
Wednesday
More…

Meanwhile, you can check our social media channels