Trick: How to Add Related Photos, Forum Posts and Blogs Widget

[⚡JFarrow⌁]

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!

[vaqz]

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.

[Fernandes Oliveira]

perfeito!!! Parabens

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

[BossChicks.com]

thankkk youuuu!!!!

[⚡JFarrow⌁]

you're welcome

[Alessandro]

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

[⚡JFarrow⌁]

cool glad you liked it...

[Abel I. Arenivar]

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

[Michael Thompson]

Is it possible to add this to videos??

[⚡JFarrow⌁]

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

[Ceddy J]

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