Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
I always push my members to change their default profile photos. Because my site is a social netwrok to share things and make friends. I don't think they can make new friends with the default profile photos and no any other contents. I don't ask them to upload a real face photo since I'm not the dating service. Just any image they like to replace the default one.
Base on the discussion in Creators: HIGHLIGHT COOL FEATURES TO YOUR USERS. I decide to put a very big image banner into the member's profile page who still use the default photo. Yes, that big image banner promotes member to change the default photo. And it won't show in the profile pages that already upload profile photos.
I use this image banner. The Chinese characters say: Don't be shy. Click your default photo to replace it with a new one.
And I put it in the bottom of right column. Since the right column of profile page in my site is quite empty. Here is the screen snap. Click here for the real action.
Here are the install steps:
1. Make sure you know the filename of the default photo image. Because the script need it to check if members still use the default one. If you don't know the filename. You can upload a new default photo image in site control panel. And before you upload it, rename it to default_photo_filename.jpg or default_photo_filename.png. So that you don't need to modify the script for this.
2. Prepare your promote image and upload it with the File Manager or to anywhere in your site ( I upload it to the Photo ). Copy the image url.
Open it with any text editor (don't use Word). There are two places with the pink highlight you need to modify. Here is the content of the .js file:
4. When you finished, save it. And then upload the .js file with the File Manager or to anywhere in your site ( I create a private Page and upload all files I need in that page as a file manager page). Copy the url of the .js file.
5. Go to the Custom Code, add this line for YUI 3 if you don't have yet:
<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js" charset="utf-8"></script>
<script src="http://api.ning.com:80/files/............/ningAskChangeProfilePhoto.js" charset="utf-8"></script>
Now save and check the profile pages with the default photo. Also check the profile pages without the default photo.
If you get some trouble when installing it. Check the .js and image file path, default_photo_filename and the HTML code in .js file. Any mistake in HTML code is not allowed. And please add Help, Support Discussions or Suggestions to the Support Group.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported.... Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at iYouMe.net.
very nice tip indeed .
if you manage to make ad banner moved when member ad there photo you will open a new area for us
we could do better
we can make VIP membership as they won't bother with comercial ads all over the place if they sign up with a VIP account
tagged and HI5 do that
Now I changed the banner to a google AD and have text link above: Upload your profile photo to remove AD. The google AD also display in every other pages except the profile pages which member already changed the default photo. And the text link above only display in profile pages with AD.
Here is the snap:
Whoa! Wow! Alex you are really getting to be a top-notch js coder. I have to give you a huge Cheers and BRAVO!
Thanks you for sharing with us.
You are awesome Alex! I read some of your experience on Creators, and was again blown away. Honored to have you on JenSocial.