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

FORUM

NC for Hire

Actually, this tip could be used for adding related posts to Photos (example), Forum Topics (example) or Blog Posts (example).  To be honest, using this method you could probably show related posts and pages for just about any feed on the network you like.

Go to LinkWithin

           put in your email and blog link (yournetwork.com/profiles/blog/list), forum link (/forum)or photo link (/photo)

Generate your code and place it at the bottom of all other codes inside the Custom Code box.

Then add the following undernieth it inside the custom code box

For Related Photos Widget:

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("DIV.imgarea").after('<div class="linkwithin_div" align="center"></div>');
}
else{
}
</script>

For Related Forum Topics:

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("DIV.discussion").after('<div class="linkwithin_div" align="center"></div>');
}
else{
}
</script>

For Related Blog Posts:

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("DIV.xg_module.xg_blog.xg_blog_detail.xg_blog_mypage.xg_module_with_dialog").after('<div class="linkwithin_div" align="center"></div>');
}
else{
}
</script>

Bonus Tip:  Add Style to Your Widget

by styling the widget using CSS (in advanced CSS) you can add background image behind the links like so

DIV.linkwithin_inner {background:url('https://yourimage.png')}

For Creators Who Need Help with their Network, get one-on-one help at the top of my profile

if you'd like to add some custom CSS to change the style of your widget, try adding the following to your custom code box (2.0)

<link href="https://api.ning.com/files/eiC0hTlxr2K40Vj2TI8cYMkLRHkmYbt*5nI*dtn3yclDD5F7dCvYL50lhnPSu59DuzAk1pZhl9TddmBDBa8ZcinNuo*Rt43t/linkwithincustom.css" rel="stylesheet" type="text/css">

Turn This

Into This

If you'd like to play around with the code, I have created a pen on Codepen for adjusting the code to your liking here.  Attached is the css code to view... Enjoy!

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

  • NC for Hire

    Known issue: displays 2-4 similar posts and thumbnails. I experienced it a month ago but I am not sure if linkwithin has fixed it already. Its really a good widget though.

  • perfeito!!! Parabens

    Eu havia ajeitado um código mas o seu é bem mais prático

  • thankkk youuuu!!!!

  • Thanks, I liked the widget, will use it for posts.

  • Thanks friend for sharing, I have a few questions I've seen are not exact operation when related publications of interest, for example, if I put the 3 codes you please put this brings up the pictures, forums, and blog , but when I go to a forum or a blog which I recommended "might also like" are the photos in publications, when it should be photos with photos, blogs and forums linking blogs forums relating not only relates a category, if you could not fix the code friend, Thanks

  • Is it possible to add this to videos??

    • NC for Hire

      due to the fact that our video thumbnails do not always render, i would think it would be ugly although it will probably work

      • Dont we already have something like this for videos anyway? It show related videos or latest videos. It picks at random.

This reply was deleted.
 

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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"212 views of this and no one can provide feedback?  Is this just way over everyone's head or is it…"
yesterday
jessicalopez liked _kiT31_'s profile
yesterday
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hi Kyryl, 
How would I be able to use this code to make the navigation be screen wide? I have this…"
yesterday
⚡JFarrow⌁ replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Here is whatI am using.... but i have a collection of footersyou might like to look through and for…"
Wednesday
Anastasia_Ning_Support replied to J.Ayvar's discussion
Any Code to make a footer Menu like creators Ning 3
"Hi there!
One of our representatives have sent you an email, please check it. 
Best regards,
The NI…"
Tuesday
J.Ayvar posted a discussion
Tuesday
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"George, I messaged you through my site www.surfer-shot.com for help. I was able to fix most of it b…"
Tuesday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TIP: How to Automagically Change Text Locations into Maps
"so glad  i had this backed up..."
Monday
Aaron Sorensen, Michael Forest , george wilson and 1 more joined Ning Creators Social Network
Monday
Jacques Dufresne updated their profile
Nov 8
Luigi Starace is now a member of Ning Creators Social Network
Nov 8
⚡JFarrow⌁ posted a discussion
Inside Ning 3 communities, your main community forum is pretty much upfront and center and will be…
Nov 7
More…

Meanwhile, you can check our social media channels