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

Forum

NC for Hire

Hi all

Here is a simple tip to insert a "You Might Be Interested In ... " (call it whatever you like really) section at the bottom of all blog posts, sort of like we have Related Videos on the video module.

Here's how it looks:


What does it do? It pulls in the middle column modules from the blog page, e.g. Latest Blog Posts, Most Popular Blog Posts etc. In the example above it is pulling in the Latest Featured Blogs from the Featured blog posts page.

How to install it:

  • Add this script to your Custom Code box (also attached as a text file):
<!-- SP You Might Be Interested In -->
<script type="text/javascript">

x$(document).ready(function() {
x$('.xg_widget_profiles_blog_show .xg_module_with_dialog').append('<h2 class="interested">You Might Be Interested In ... </h2><div id="SPmoreblogs"></div>');
x$('.xg_widget_profiles_blog_show .xg_module_with_dialog #SPmoreblogs').load('/profiles/blog/list?promoted=1 .xg_widget_profiles_blog_list .xg_column.xg_span-4.xg_last .xg_module:contains("Latest Featured Blog Posts")');
});
</script>


The script looks for modules with certain headings on certain pages, so you can change the highlighted items to suit your needs.

  1. If you want the 'You Might Be Interested In ... ' to say something else then change the orange You Might Be Interested In ...
  2. If you want to load a module from the All Blogs page (rather than the Featured Blogs Page as I am using) then change /profiles/blog/list?promoted=1 to /profiles/blog/list
  3. If you want to load a box other than Latest Featured Blog Posts change it to whatever you want, e.g. Most Popular Blog Posts

 

  • Add this CSS to your Advanced CSS section in Design Studio, tweaking the bits that you need to

/*You might be interested font*/
.interested{

font-family:georgia!important;
font-style:italic!important;
font-size:24px;
color:#a10227!important;
margin-left:10px;
}

/*List items*/
#SPmoreblogs li {

background: #F9F9F9;
border: 1px solid #E4E4E4;
display: block;
float: left;
margin-right: 3px;
min-height: 58px;
padding: 5px;
width: 168px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

/*Removes border from module*/
#SPmoreblogs .xg_module{
margin-top:10px;
border:none;
}

/*Removes module header*/
#SPmoreblogs .xg_module_head{
display:none;
}

I hope this is of use. YOu can check out a live demo here.
Enjoy
SP

ps. this is for blogs only for now. Not had time to do the forum. Might get round to it at some point if no one else hacks it in the meantime.

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

Join Ning Creators Network

Replies

  • NC for Hire

    Another neat and clean tip. Thanks for sharing it SP.

  • Awesome Sp! thanks for sharing!! is it possible to use this trick on photos SP?

    • NC for Hire

      possibly, I might get round to it at some point, but not at the moment.

      SP

      • Ok i will try if i can get this right, please let me know if you get it right on photos :) thanks SP!

        • This reply was deleted.
          • NC for Hire

            if no one comes up with a hack then pm me next week :-)

        • NC for Hire
          Not tried to be honest. Might eventually ;-)
  • WONDERFUL!!

    Many thanks,

    Jords

  • This reply was deleted.
This reply was deleted.

Search the Creators Network

Latest Activity

Rob Neufeld replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Kyryl, if you stepped in and saved me, thanks very much!  Thanks for your help, too, Kos.  The insi…"
1 hour ago
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George. Thanks again for creating such a wonderful 'Scroll  Up & Down' also adding a speedy add…"
10 hours ago
Anna Ning Support replied to mark gardner's discussion My network is in maintenance? Message error
"Mark, it takes some time for the request to be proceeded. We appreciate your patience in this matte…"
12 hours ago
George H. Compton IV replied to Klaus's discussion Scroll to the top
"You're welcome. :-)I'll send you a message probably tomorrow.I've added another button for a faster…"
22 hours ago
Kos replied to ⚡JFarrow⌁'s discussion 110+ Useful Ning Tips and Tricks for 2.0 and 3.0
"Just amazing.  What more can be said.  Thank you!"
23 hours ago
Kos replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"How awesome is this.  Thank you JF!!!!"
yesterday
Kos replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Rob Whew!  I'm soooo glad for you!  Thank you Kyryk for coming to the rescue.  It's tough running w…"
yesterday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George. Your Code Worked Like A Champ! I am very fortunate to have found you. I would like to o…"
yesterday
Rob Neufeld replied to Rob Neufeld's discussion In business for a decade, still down after 7 weeks
"Yes, I discovered, after checking every day, that my network went up Dec. 2. That's great news!  Af…"
yesterday
George H. Compton IV replied to Klaus's discussion Scroll to the top
":-) Okay Christopher here's your up and down scroll controls. See image below :-)
Ning 3.0 the code…"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"great... glad you found it useful.."
yesterday
Brian Antezana replied to ⚡JFarrow⌁'s discussion You May Not Know This About Facebook
"Great tip!"
yesterday
George H. Compton IV replied to Klaus's discussion Scroll to the top
"You're welcome Christopher and Kos. :-)Christopher I'll see what I can do about the scroll down but…"
yesterday
J.Ayvar replied to J.Ayvar's discussion Our Ning Account has been hacked.
"Thank You! It does a matter the time It will take. We want to thanks that at least Ning Support rep…"
yesterday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Awesome. It worked. You guys (girls) are good. I really appreciate your efforts and also making it…"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Sorry I can't help you further.  I'm a novice myself.  Good luck"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Where it says 'right: 75px;' just change that to
left: 50px;"
Tuesday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"How can I change my Scroll Down to the LEFT SIDE? I am rather slow at this so please bare with me.…"
Tuesday
Kos replied to Klaus's discussion Scroll to the top
"Beautiful.  I moved mine from 'right' to the 'left'.  Works beautifully.  Thank you for jumping in…"
Tuesday
Christopher M Florentino replied to Klaus's discussion Scroll to the top
"Hey George, Scroll Up Button Guy here. If I am pushing my luck, please let me know. Would you happe…"
Tuesday
More…