Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)

Based on a recent request on Ning Creators, in regards to members having a hard time finding the Photo Add button, I have created a script that will easily add 3 buttons below your Status Share Box. It will add the buttons on the Home Page and the Profile Page. See Image below: (Add Photo, Add Blog Post, Add Forum Discussion)

You will need to check the URLs in the provided script for:

  • Add Photo (Only URL where Member will need to Click again, on Add Photo)
  • Add Blog Post
  • Add Forum Discussion

This code DOES NOT work with the Status Update box in any way. It simply adds 3 quick access buttons/links that will get your member's attention, with quick access to add Photos, Posts, and Discussions.

The buttons automatically pick up your CSS styles from your primary buttons.

INSTRUCTIONS:

  • Edit the attached code OR code below, to reflect the correct URLs for your site.
  • Under Social Site Manager/Custom Code/End of Page Code, add code to bottom Box.
  • Note: The code is also formatted to look nice on any device.

<script type="text/javascript">if (typeof(x$) != 'undefined') {  x$(".status-container").append('<div align="center" style="margin-top:15px;">
<a class="button button-primary" href="/photos" target="_blank" title="Add Photo">Add Photo</a>
&nbsp;&nbsp;<a class="button button-primary" href="/profiles/blog/blogpost/new" target="_blank" title="Add Blog Post">Add Blog Post</a>
&nbsp;&nbsp;<a class="button button-primary" href="/forum/topics/discussion/new" target="_blank" title="Add Forum Discussion">Add Forum Discussion</a></div>');
}
</script>

Enjoy!

Jen

Views: 980

Attachments:

Reply to This

Replies to This Discussion

Hi Jen, all, 

I'm a bit stuck on this.

I've tried a few times over past several days, starting from scratch each time, but nothing is appearing on my site.

http://sevenh.ning.com

Here's the custom code I've added to the bottom (end of page code) from Site Manager / Custom Code

<script type="text/javascript">if (typeof(x$) != 'undefined') { x$(".status-container").append('<div align="center" style="margin-top:15px;">
<a class="button button-primary" href="/photos" target="_blank" title="Add Photo">add new photo</a>
&nbsp;&nbsp;<a class="button button-primary" href="/profiles/blog/blogpost/new" target="_blank" title="Add Blog Post">add new blog post</a>
&nbsp;&nbsp;<a class="button button-primary" href="/forum/discussion-topics/discussion/new" target="_blank" title="add new discussion">add new discussion</a></div>');
}
</script>

I'm guessing it's some dumb thing I'm mixing up or forgetting... 

also tried with the following (only change is deletion of the word 'forum')

<script type="text/javascript">if (typeof(x$) != 'undefined') { x$(".status-container").append('<div align="center" style="margin-top:15px;">
<a class="button button-primary" href="/photos" target="_blank" title="Add Photo">add new photo</a>
&nbsp;&nbsp;<a class="button button-primary" href="/profiles/blog/blogpost/new" target="_blank" title="Add Blog Post">add new blog post</a>
&nbsp;&nbsp;<a class="button button-primary" href="/discussion-topics/discussion/new" target="_blank" title="add new discussion">add new discussion</a></div>');
}
</script>

*note:  I have made several language editor changes, especially with forum.

Help please (anyone)?

Thanks,

Holly

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips