Sharing is Caring: Remove the post body from the blog post list, remove the RSVP box.

[Kristy]

Here are a couple of JS hacks that I just put together for my network. I have very little experience with javascript, but the ever-helpful TJ from http://jqueryhelp.ning.com/ got me started with a bunch of JS snippets to alter the appearance of my network, and I used firebug to play around after that. So, if these are in any way helpful to you...here you go! :-)

1. On the blog list page, hide the images and/or first few lines of each post so just the title displays (see example here: http://vfxg.org/profiles/blog/list)

<script type="text/javascript">

// Remove post body including date and comment info from Blog List page made with Design Studio:
if (x$("div.xg_widget_profiles_blog_list").length > 0) {
x$('div.xg_module_body').find('div.postbody').remove();
x$('div.xg_module_body').find('p.small').remove();
}

</script>

2. Hide the RSVP box on the events page (see example here: http://vfxg.org/events/la-film-fest)

</script>

<script type="text/javascript">
// Remove RSVP box on Events page made with Design Studio:
if (x$("div.xg_widget_events_event_show").length > 0) {
x$('div.xg_span-14').find('div.xg_column.xg_span-4.xg_last').remove();
}
</script>

PLEASE NOTE: I have removed the middle column on the Events page of my network as well, and expanded the width of the left-hand column using the code below (courtesy of TJ from http://jqueryhelp.ning.com/)

<script type="text/javascript">
// Remove middle column on Events page made with Design Studio:
if (x$("div.xg_widget_events_event_show").length > 0) {
x$('div.xg_span-14').find('div.xg_span-4').eq(2).remove();
x$('div.xg_span-14').find('div.xg_span-12').css('width', '650px');
}
</script>

[Stephanie Lennox]

Thanks so much for sharing! I used the blog list one. Great tip, and great site. How did you manage to hide your blog sidebar though? I'd love to do that for my network!

Steph :)

[Kristy]

You're welcome, Stephanie -- and thanks! :-)

Here's the code to hide the middle column on the blog list page. 

<script type="text/javascript">

// Remove middle column on Blog List page made with Design Studio:
if (x$("div.xg_widget_profiles_blog_list").length > 0) {
x$('div.xg_span-14').find('div.xg_span-4').remove();
x$('div.xg_span-14').find('div.xg_span-12').css('width', '650px');
}

</script>

[Stephanie Lennox]

Thank you :)

[Kristy]

Shoot! It looks like adding the "RSVP-remove" code also hides the "options" button at the top of each event page. That's not cool. Be forewarned! I'll look into it. If anyone has an idea for a solution in the meantime, I'm all ears. :)

[NISHELBY KING]

I copied the script into the blog post and the script was removed automatically when i went to publish.  Am i not posting the code in the right place?  How do i prevent the code from being removed by Ning?

[Kristy]

Hi Nishelby :-)

Go to the "my network" page, then click "custom code." Paste the code into that box and click "save."

That should work!

Kristy